fix: postId が存在する場合だけリンクを出す

Author: sushichan044

app/components/note/Note.tsx

@@ -7,6 +7,7 @@ import {
   postLinkFromNote,
 } from "../../feature/twitter/link-builder";
 import type { SearchedNote } from "../../generated/api/schemas";
+import { isNonEmptyString } from "../../utils/string";
 import { Post } from "../post/Post";
 import { NoteStatus } from "./NoteStatus";
 import { NoteTopic } from "./NoteTopics";
@@ -60,28 +61,30 @@ export const Note = ({ note }: NoteProps) => {
           </div>
         </Stack>
         <Post post={note.post} />
-        <Group justify="flex-end">
-          <Button
-            color="pink"
-            component="a"
-            href={postLinkFromNote(note)}
-            size="xs"
-            target="_blank"
-            variant="light"
-          >
-            ポストを見る
-          </Button>
-          <Button
-            color="pink"
-            component="a"
-            href={birdWatchLinkFromNote(note)}
-            size="xs"
-            target="_blank"
-            variant="light"
-          >
-            このポストについたノートを見る
-          </Button>
-        </Group>
+        {isNonEmptyString(note.postId) && (
+          <Group justify="flex-end">
+            <Button
+              color="pink"
+              component="a"
+              href={postLinkFromNote(note)}
+              size="xs"
+              target="_blank"
+              variant="light"
+            >
+              ポストを見る
+            </Button>
+            <Button
+              color="pink"
+              component="a"
+              href={birdWatchLinkFromNote(note)}
+              size="xs"
+              target="_blank"
+              variant="light"
+            >
+              このポストについたノートを見る
+            </Button>
+          </Group>
+        )}
       </Stack>
     </Card>
   );

app/utils/string.ts

@@ -0,0 +1,2 @@
+export const isNonEmptyString = (value?: unknown): value is string =>
+  typeof value === "string" && value !== "";