Merge pull request #37 from Mouwf/fix/fix-html-structure

無駄なdivを削除した。
Mouwf · Jan 12, 2024 · ef0ebcd · ef0ebcd
2 parents a9d5cea + e213916
commit ef0ebcd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 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
@@ -13,11 +13,9 @@ export default function LatestPostTimeLine({
 }) {
     return (
         <div>
-            {postContents.map((postContent, index) => {
+            {postContents.map((postContent) => {
                 return (
-                    <div key={index}>
-                        <PostDisplay postContent={postContent} />
-                    </div>
+                    <PostDisplay key={postContent.id} 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>