From 34a1bb975646ab2838d4c2b23718956cc546b458 Mon Sep 17 00:00:00 2001
From: Ryan Freeman <hello@ryanfreeman.dev>
Date: Fri, 20 Jun 2025 20:38:21 +0100
Subject: [PATCH] Update comment component

---
 components/ui/Comments.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/ui/Comments.tsx b/components/ui/Comments.tsx
index 95d7f71..92f6faf 100644
--- a/components/ui/Comments.tsx
+++ b/components/ui/Comments.tsx
@@ -185,8 +185,10 @@ Comments.Form = function Form({slug}: { slug: string }) {
                             />
                         <input type="hidden" name="parent_id" value={parentId ?? ''}/>
                         <input type="hidden" name="slug" value={slug}/>
-                        <div className="mt-2 flex justify-between items-center gap-x-4">
-                            <p className="text-sm text-zinc-600 dark:text-zinc-400">{`${commentFormContext?.commentLength} / ${commentFormContext?.commentMaxLength}`}</p>
+                        <div className={clsx('mt-2 flex justify-end items-center gap-x-4', session && 'justify-between')}>
+                            {session &&
+                                <p className="text-sm text-zinc-600 dark:text-zinc-400">{`${commentFormContext?.commentLength} / ${commentFormContext?.commentMaxLength}`}</p>
+                            }
                             <div className="flex gap-x-4">
                                 {commentFormContext?.replyTo &&
                                     <button