無駄なdivを削除した。

Mouwf · Jan 12, 2024 · c05eb46 · c05eb46
1 parent a9d5cea
commit c05eb46
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/app/routes/app._index/components/latest-post-time-line.tsx b/app/routes/app._index/components/latest-post-time-line.tsx
@@ -15,9 +15,7 @@ export default function LatestPostTimeLine({
         <div>
             {postContents.map((postContent, index) => {
                 return (
-                    <div key={index}>
-                        <PostDisplay postContent={postContent} />
-                    </div>
+                    <PostDisplay key={index} postContent={postContent} />
                 );
             })}
         </div>

diff --git a/app/routes/components/post-display.tsx b/app/routes/components/post-display.tsx
@@ -38,12 +38,10 @@ export default function PostDisplay({
                     const reactionName = reactionNames[index];
 
                     return (
-                        <div key={index}>
-                            <fetcher.Form method="post" action="app/like">
-                                <input type="hidden" name="reaction" value={reactionType} />
-                                <button type="submit">{reactionName}</button>
-                            </fetcher.Form>
-                        </div>
+                        <fetcher.Form key={index} method="post" action="app/like">
+                            <input type="hidden" name="reaction" value={reactionType} />
+                            <button type="submit">{reactionName}</button>
+                        </fetcher.Form>
                     );
                 })}
             </div>