Only allow auth'd users to comment

supabase-community · Mar 27, 2022 · 680b3cc · 680b3cc
1 parent 07d868a
commit 680b3cc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/.env.example b/.env.example
@@ -0,0 +1,2 @@
+SUPABASE_URL=
+SUPABASE_ANON_KEY=
diff --git a/app/lib/comment-item.tsx b/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";
 

diff --git a/app/pages/item/[postId].tsx b/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) => (