feat: ♿️ Hide steps sidebar scrollbar

baptisteArno · Feb 28, 2022 · 0df719d · 0df719d · vercel · Feb 28, 2022
1 parent 33497b8
commit 0df719d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/apps/builder/assets/styles/custom.css b/apps/builder/assets/styles/custom.css
@@ -2,6 +2,17 @@
   cursor: grabbing !important;
 }
 
+/* Hide scrollbar for Chrome, Safari and Opera */
+.hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.hide-scrollbar {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
 /* * {
   outline: 1px solid #f00 !important;
   opacity: 1 !important;

diff --git a/apps/builder/components/editor/StepsSideBar/StepSideBar.tsx b/apps/builder/components/editor/StepsSideBar/StepSideBar.tsx
@@ -97,6 +97,7 @@ export const StepsSideBar = () => {
         spacing={6}
         userSelect="none"
         overflowY="scroll"
+        className="hide-scrollbar"
       >
         <Flex justifyContent="flex-end">
           <Tooltip label={isLocked ? 'Unlock sidebar' : 'Lock sidebar'}>

diff --git a/apps/builder/services/typebots/results.ts b/apps/builder/services/typebots/results.ts
@@ -28,7 +28,7 @@ export const useResults = ({
   typebotId: string
   onError: (error: Error) => void
 }) => {
-  const { data, error, mutate, setSize, size } = useSWRInfinite<
+  const { data, error, mutate, setSize, size, isValidating } = useSWRInfinite<
     { results: ResultWithAnswers[] },
     Error
   >(
@@ -50,10 +50,11 @@ export const useResults = ({
     setSize,
     size,
     hasMore:
-      data &&
-      data.length > 0 &&
-      data[data.length - 1].results.length > 0 &&
-      data.length === paginationLimit,
+      isValidating ||
+      (data &&
+        data.length > 0 &&
+        data[data.length - 1].results.length > 0 &&
+        data.length === paginationLimit),
   }
 }