405 polling comments in option page (#428)

* Modify text button disabled styles * Add polling to comments every 5 seconds
lexicongovernance · Apr 30, 2024 · 8f4c804 · 8f4c804
1 parent db7fa6e
commit 8f4c804
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/berlin/src/components/button/Button.styled.tsx b/packages/berlin/src/components/button/Button.styled.tsx
@@ -50,12 +50,21 @@ export const StyledButton = styled.button<StyledButtonProps>`
     ${(props) =>
     props.$variant === 'text' &&
     css`
-      background-color: none;
+      background-color: transparent;
       color: var(--color-black);
       font-family: inherit;
       font-size: inherit;
       font-weight: inherit;
       text-transform: inherit;
       padding: 0;
+
+      &:disabled {
+        background-color: transparent;
+        user-select: none;
+        cursor: pointer;
+        &:hover {
+          opacity: 1;
+        }
+      }
     `}
 `;
diff --git a/packages/berlin/src/pages/Option.tsx b/packages/berlin/src/pages/Option.tsx
@@ -57,6 +57,7 @@ function Option() {
     queryKey: ['comments', optionId],
     queryFn: () => fetchComments({ optionId: optionId || '' }),
     enabled: !!optionId,
+    refetchInterval: 5000, // Poll every 5 seconds
   });
 
   const sortedComments = comments?.sort((a, b) => {