feat: website release v2 (#616)

* feat: upgrade to svelte 5 & tailwind v4 + add navigation menu to ui package * feat: website navigation with nav menu from shadcn * chore: refactor navigation menu storybook * fix: responsiveness bug * chore: remove tailwind config file * chore: - remove carbon icons from repo - add Geist font family * refactor website --------- Co-authored-by: Rotimi Best <[email protected]>
2025-12-20 12:44:59 +01:00
parent 690cf147ff
commit e6a3cf9332
108 changed files with 2425 additions and 2169 deletions
@@ -0,0 +1,51 @@
+<script lang="ts">
+  import { toPng } from 'html-to-image';
+  import { nodeStore, htmlBody, openModal } from './store';
+  import { Button } from '@cio/ui/base/button';
+
+  export let isDisabled: boolean;
+  export let isDownloading: boolean;
+  export let text: string = 'Generate Progress Report';
+
+  function convertToPng() {
+    isDownloading = true;
+    $openModal.showFullscreenButton = false;
+
+    const fileName = `${$htmlBody.name} - ${$htmlBody.mood.text} (ClassroomIO_com)`;
+
+    if ($nodeStore) {
+      setTimeout(() => {
+        toPng($nodeStore, {
+          width: 500,
+          height: 500,
+          quality: 1
+        })
+          .then((dataUrl) => {
+            const link = document.createElement('a');
+            link.download = fileName;
+            link.href = dataUrl;
+            link.click();
+          })
+          .catch((error) => {
+            console.error('Oops, something went wrong!', error);
+          })
+          .finally(() => {
+            isDownloading = false;
+            $openModal.showFullscreenButton = false;
+          });
+      }, 300);
+    } else {
+      console.error('Node is not defined');
+    }
+  }
+</script>
+
+<Button
+  type="button"
+  disabled={isDownloading || !isDisabled}
+  onclick={convertToPng}
+  loading={isDownloading}
+  class="{text === 'Generate Progress Report' ? 'block md:hidden' : ''} mt-5 w-full"
+>
+  {isDownloading ? 'Loading...' : text}
+</Button>