feat: ♿️ Hide steps sidebar scrollbar

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;

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'}>

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 &&
+      isValidating ||
+      (data &&
         data.length > 0 &&
         data[data.length - 1].results.length > 0 &&
-      data.length === paginationLimit,
+        data.length === paginationLimit),
   }
 }