More comment improvements

.env.example

@@ -3,6 +3,7 @@ SPOTIFY_CLIENT_SECRET=
 SPOTIFY_REFRESH_TOKEN=
 NEXT_PUBLIC_SITE_URL=
 GITHUB_ACCESS_TOKEN=
+GITHUB_USER_ID=
 GITHUB_USERNAME=
 GITHUB_CLIENT_ID=
 GITHUB_SECRET=

app/actions/comments.ts

@@ -4,6 +4,7 @@ import {auth, signIn} from '@/auth'
 import {createClient} from '@/lib/supabase/server'
 import {z} from 'zod'
 import {sendNotification} from '@/lib/ntfy'
+import {extractUserId} from '@/lib/github'
 
 export async function loginWithGitHub() {
     await signIn('github')
@@ -22,15 +23,6 @@ const notificationBody = (comment: { id: number, content: string }, user: { name
                 headers: {
                     Authorization: `Bearer ${process.env.NTFY_TOKEN}`
                 }
-            },
-            {
-                action: 'http',
-                label: 'Delete comment',
-                url: `${process.env.NEXT_PUBLIC_SITE_URL}/api/comments/moderate/${comment.id}`,
-                method: 'DELETE',
-                headers: {
-                    Authorization: `Bearer ${process.env.NTFY_TOKEN}`
-                }
             }
         ]
     }
@@ -64,6 +56,7 @@ export async function addComment(prevState: { message: string }, formData: FormD
     try {
         const supabase = await createClient()
         const session = await auth()
+        const isMe = process.env.GITHUB_USER_ID === extractUserId(session?.user?.image ?? '')
 
         if (!session?.user) {
             return {message: authorisation_error}
@@ -78,7 +71,7 @@ export async function addComment(prevState: { message: string }, formData: FormD
 
         const {data: newComment, error} = await supabase
             .from('comments')
-            .insert({content: comment, article_id: article?.id, user_id: user?.id, parent_id: parent_id})
+            .insert({content: comment, article_id: article?.id, user_id: user?.id, parent_id: parent_id, published: isMe})
             .select('*')
             .single()
 

app/context/CommentFormProvider.tsx

@@ -19,7 +19,7 @@ export default function CommentFormProvider({children}: { children: ReactNode })
     const [replyTo, setReplyTo] = useState<Comment | null>(null)
     const [commentLength, setCommentLength] = useState<number>(0)
     const commentFormRef = useRef<HTMLTextAreaElement>(null)
-    const commentMaxLength = 300
+    const commentMaxLength = 500
 
     const focusCommentForm = () => {
         commentFormRef.current?.focus()

lib/github.ts

@@ -46,4 +46,8 @@ export async function getPinnedRepos() {
     }) as PinnedReposResponse
 
     return response.data.user.pinnedItems.nodes
+}
+
+export function extractUserId(avatarUrl: string) {
+    return new URL(avatarUrl).pathname.split('/')[2]
 }