add message for empty file list

src/app/ui/dashboard/new/dashboard-user-files.tsx

@@ -125,29 +125,36 @@ export default function DashboardUserFiles() {
 			</div>
 
 			<div className="user-files-list">
-				{tableData?.map((file) => {
-					return (
-						<div
-							key={file.id}
-							className="file-item"
-						>
-							<div className="file-icon">
-								<FileTypeIcon type={file.fileType} />
-							</div>
-							<div className="file-info">
-								<div className="file-name" title={file.fileName}>
-									{file.fileName}
+
+				{tableData?.length ? (
+					tableData?.map((file) => {
+						return (
+							<div
+								key={file.id}
+								className="file-item"
+							>
+								<div className="file-icon">
+									<FileTypeIcon type={file.fileType} />
 								</div>
-								<div className="file-meta">
-									{convertBytes(file.size ? file.size : 0)} • {formatDate(file.uploadDate ? file.uploadDate : 0)}
+								<div className="file-info">
+									<div className="file-name" title={file.fileName}>
+										{file.fileName}
+									</div>
+									<div className="file-meta">
+										{convertBytes(file.size ? file.size : 0)} • {formatDate(file.uploadDate ? file.uploadDate : 0)}
+									</div>
+								</div>
+								<div className="file-badge protected">
+									{t(file.protectStatus)}
 								</div>
 							</div>
-							<div className="file-badge protected">
-								{t(file.protectStatus)}
-							</div>
-						</div>
-					)
-				})}
+						)
+					})
+				) : (
+					<div>
+						{t('there-are-no-files-yet')}
+					</div>
+				)}
 			</div>
 		</div>
 	)