Hide toolbar in preview mode

giscus · Nov 23, 2021 · 230bc72 · 230bc72
1 parent 0a4b703
commit 230bc72
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/components/CommentBox.tsx b/components/CommentBox.tsx
@@ -156,20 +156,22 @@ export default function CommentBox({
           </button>
         </div>
 
-        <div className="gsc-comment-box-md-toolbar">
-          <button
-            className="gsc-toolbar-item"
-            type="button"
-            title={isFixedWidth ? t('disableFixedWidth') : t('enableFixedWidth')}
-            onClick={() => {
-              setIsFixedWidth(!isFixedWidth);
-              textarea.current.focus();
-            }}
-            tabIndex={-1}
-          >
-            <TypographyIcon />
-          </button>
-        </div>
+        {!isPreview ? (
+          <div className="gsc-comment-box-md-toolbar">
+            <button
+              className="gsc-toolbar-item"
+              type="button"
+              title={isFixedWidth ? t('disableFixedWidth') : t('enableFixedWidth')}
+              onClick={() => {
+                setIsFixedWidth(!isFixedWidth);
+                textarea.current.focus();
+              }}
+              tabIndex={-1}
+            >
+              <TypographyIcon />
+            </button>
+          </div>
+        ) : null}
       </div>
       <div className="gsc-comment-box-main">
         {isPreview ? (