Feat/onboarding video step connection (#8838)

* UI work - WIP scrollable area * Add translations - refactor some components * Add installed text * Disable if there is no currently installed * Extract loader * Fix conditional * Fix E2E * fix typo
2023-05-11 13:20:39 +00:00
parent 738e0f3e50
commit bdf3e34ea1
11 changed files with 177 additions and 30 deletions
@@ -0,0 +1,17 @@
+import { SkeletonAvatar, SkeletonText, SkeletonButton } from "@calcom/ui";
+
+export function StepConnectionLoader() {
+  return (
+    <ul className="bg-default divide-subtle border-subtle divide-y rounded-md border p-0 dark:bg-black">
+      {Array.from({ length: 4 }).map((_item, index) => {
+        return (
+          <li className="flex w-full flex-row justify-center border-b-0 py-6" key={index}>
+            <SkeletonAvatar className="mx-6 h-8 w-8 px-4" />
+            <SkeletonText className="ml-1 mr-4 mt-3 h-5 w-full" />
+            <SkeletonButton className="mr-6 h-8 w-20 rounded-md p-5" />
+          </li>
+        );
+      })}
+    </ul>
+  );
+}