update matched table styles, add loading animation for some blocks

2026-04-18 14:25:20 +07:00
parent 1b4ad64ef6
commit 85b77aeb91
9 changed files with 167 additions and 77 deletions
@@ -125,6 +125,16 @@ export default function DashboardUserFiles() {
 			</div>

 			<div className="user-files-list">
+				{isLoading && (
+					<div
+						className="loading-animation"
+					>
+						<div
+							className="global-spinner"
+						>
+						</div>
+					</div>
+				)}

 				{tableData?.length ? (
 					tableData?.map((file) => {
@@ -151,9 +161,11 @@ export default function DashboardUserFiles() {
 						)
 					})
 				) : (
-					<div>
-						{t('there-are-no-files-yet')}
-					</div>
+					!isLoading && (
+						<div>
+							{t('there-are-no-files-yet')}
+						</div>
+					)
 				)}
 			</div>
 		</div>
@@ -65,6 +65,16 @@ export default function DashboardUserViolations() {
 			</div>

 			<div className="user-files-list">
+				{isLoading && (
+					<div
+						className="loading-animation"
+					>
+						<div
+							className="global-spinner"
+						>
+						</div>
+					</div>
+				)}

 				{violationData?.length ? (
 					violationData?.map((file) => {
@@ -94,9 +104,11 @@ export default function DashboardUserViolations() {
 						)
 					})
 				) : (
-					<div>
-						{t('there-are-no-files-yet')}
-					</div>
+					!isLoading && (
+						<div>
+							{t('there-are-no-files-yet')}
+						</div>
+					)
 				)}
 			</div>
 		</div>