StreamerListコンポーネントのモバイル表示を改善し、不要な条件分岐を削除

miutaku · Jan 26, 2025 · a5345ce · a5345ce
1 parent 4cef69b
commit a5345ce
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/manage-frontend/twitcasting-manager/app/page.tsx b/manage-frontend/twitcasting-manager/app/page.tsx
@@ -79,7 +79,7 @@ export default function StreamerList() {
       setLoading(false)
     }
   }
-const PageComponent = () => {
+
   const isMobile = useIsMobile()
 
   return (
@@ -102,8 +102,8 @@ const PageComponent = () => {
 
       <div className="grid gap-4">
         {streamers.map((streamer) => (
-          !isMobile && (
-            <><Card key={streamer.target_username}></Card><CardContent className="flex items-center justify-between p-6">
+          <Card key={streamer.target_username}>
+            <CardContent className="flex items-center justify-between p-6">
               <div className="flex flex-col gap-1">
                 <h2 className="text-xl font-semibold">{streamer.target_username}</h2>
                 <p className="text-sm text-muted-foreground">
@@ -124,11 +124,10 @@ const PageComponent = () => {
                   <Trash2 className="h-4 w-4" />
                 </Button>
               </div>
-            </CardContent></>
-          )
+            </CardContent>
+          </Card>
         ))}
       </div>
     </div>
   )
- }
-}
+}