Only allow auth'd users to comment

Author: dthyresson

.env.example

@@ -0,0 +1,2 @@
+SUPABASE_URL=
+SUPABASE_ANON_KEY=

app/lib/comment-item.tsx

@@ -1,10 +1,12 @@
-import { TrashIcon } from "@heroicons/react/outline";
-import { Auth } from "@supabase/ui";
+import React from "react";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import React from "react";
+
 import { useMutation } from "urql";
 
+import { Auth } from "@supabase/ui";
+import { TrashIcon } from "@heroicons/react/outline";
+
 import { DocumentType, gql } from "../gql";
 import { timeAgo } from "./time-ago";
 

app/pages/item/[postId].tsx

@@ -117,7 +117,7 @@ const Item: NextPage = () => {
                   <FeedItem post={post.node} key={post.cursor} />
 
                   <div className="max-w-md">
-                    <PostCommentForm postId={post.node.id} />
+                    {user && <PostCommentForm postId={post.node.id} />}
 
                     <div className="mt-10">
                       {post.node?.comments?.edges.map((edge) => (