fix locale & videos component

enjoy/src/i18n/en.json

@@ -622,5 +622,6 @@
   "all": "All",
   "allLanguages": "All languages",
   "search": "Search",
-  "noData": "No data"
+  "noData": "No data",
+  "selectedFiles": "Selected files"
 }

enjoy/src/i18n/zh-CN.json

@@ -622,5 +622,6 @@
   "all": "全部",
   "allLanguages": "全部语言",
   "search": "搜索",
-  "noData": "没有数据"
+  "noData": "没有数据",
+  "selectedFiles": "已选中文件"
 }

enjoy/src/renderer/components/videos/videos-component.tsx

@@ -212,20 +212,28 @@ export const VideosComponent = () => {
             />
             <AddMediaButton type="Video" />
           </div>
-          <TabsContent value="grid">
-            <div className="grid gap-4 grid-cols-4">
-              {videos.map((video) => (
-                <VideoCard video={video} key={video.id} />
-              ))}
+          {videos.length === 0 ? (
+            <div className="flex items-center justify-center h-48 border border-dashed rounded-lg">
+              {t("noData")}
             </div>
-          </TabsContent>
-          <TabsContent value="list">
-            <VideosTable
-              videos={videos}
-              onEdit={(video) => setEditing(video)}
-              onDelete={(video) => setDeleting(video)}
-            />
-          </TabsContent>
+          ) : (
+            <>
+              <TabsContent value="grid">
+                <div className="grid gap-4 grid-cols-4">
+                  {videos.map((video) => (
+                    <VideoCard video={video} key={video.id} />
+                  ))}
+                </div>
+              </TabsContent>
+              <TabsContent value="list">
+                <VideosTable
+                  videos={videos}
+                  onEdit={(video) => setEditing(video)}
+                  onDelete={(video) => setDeleting(video)}
+                />
+              </TabsContent>
+            </>
+          )}
         </Tabs>
       </div>