Next.jsでログインしていたら編集ボタンを表示する

やりたいこと

自分が作成した記事の詳細ページにアクセスした際、
記事の編集ボタンが表示されるようにする。

記事の作成者かを判断する変数の作成

記事の作成者かどうかを判断するための変数 isAuthor を作成

const isAuthor = fbUser?.uid === post?.authorId;

firebase上に登録されているuseridと、投稿の著者idが一致しているかを判断。

編集ボタンを表示するコード

{ isAuthor && <Link href={`/posts/${post.id}/edit`}><a>編集</a></Link> }