From b126fef0312350d3147cb27f6767d007fbcd8634 Mon Sep 17 00:00:00 2001 From: Arman Date: Tue, 28 Jan 2025 18:43:30 +0100 Subject: [PATCH] feat: lights --- package.json | 2 +- pnpm-lock.yaml | 18 +-- .../sites/create-site/finish/+page.svelte | 142 ++++++++++-------- 3 files changed, 88 insertions(+), 74 deletions(-) diff --git a/package.json b/package.json index b4298b7fe..0e6fe3703 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@appwrite.io/pink": "0.25.0", "@appwrite.io/pink-icons": "0.25.0", "@appwrite.io/pink-icons-svelte": "1.0.0-next.7", - "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d", + "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@6f71e06", "@popperjs/core": "^2.11.8", "@sentry/sveltekit": "^8.38.0", "@stripe/stripe-js": "^3.5.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7ee162624..f5b398dc9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -21,8 +21,8 @@ importers: specifier: 1.0.0-next.7 version: 1.0.0-next.7(svelte@4.2.19) '@appwrite.io/pink-svelte': - specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d - version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) + specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@6f71e06 + version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@6f71e06(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19) '@popperjs/core': specifier: ^2.11.8 version: 2.11.8 @@ -223,8 +223,8 @@ packages: peerDependencies: svelte: ^4.0.0 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c54210db9036ea163ab12394b47e0241ac5e63c6': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c54210db9036ea163ab12394b47e0241ac5e63c6} + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@6f71e0625573ad3cac396b837459a4fb44f305a5': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@6f71e0625573ad3cac396b837459a4fb44f305a5} version: 1.0.0-next.7 peerDependencies: svelte: ^4.0.0 @@ -232,8 +232,8 @@ packages: '@appwrite.io/pink-icons@0.25.0': resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d': - resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d} + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@6f71e06': + resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@6f71e06} version: 1.0.0-next.85 peerDependencies: react-dom: ^18.0.0 @@ -4092,15 +4092,15 @@ snapshots: dependencies: svelte: 4.2.19 - '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c54210db9036ea163ab12394b47e0241ac5e63c6(svelte@4.2.19)': + '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@6f71e0625573ad3cac396b837459a4fb44f305a5(svelte@4.2.19)': dependencies: svelte: 4.2.19 '@appwrite.io/pink-icons@0.25.0': {} - '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': + '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@6f71e06(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)': dependencies: - '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@c54210db9036ea163ab12394b47e0241ac5e63c6(svelte@4.2.19) + '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@6f71e0625573ad3cac396b837459a4fb44f305a5(svelte@4.2.19) '@floating-ui/dom': 1.6.13 '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.2(svelte@4.2.19))(svelte@4.2.19) '@melt-ui/svelte': 0.86.2(svelte@4.2.19) diff --git a/src/routes/(console)/project-[project]/sites/create-site/finish/+page.svelte b/src/routes/(console)/project-[project]/sites/create-site/finish/+page.svelte index c93680c0c..2412fd600 100644 --- a/src/routes/(console)/project-[project]/sites/create-site/finish/+page.svelte +++ b/src/routes/(console)/project-[project]/sites/create-site/finish/+page.svelte @@ -3,7 +3,7 @@ import { page } from '$app/stores'; import Card from '$lib/components/card.svelte'; import { Wizard } from '$lib/layout'; - import { Layout, Typography, Icon } from '@appwrite.io/pink-svelte'; + import { Layout, Typography, Icon, Lights } from '@appwrite.io/pink-svelte'; import { IconArrowSmRight } from '@appwrite.io/pink-icons-svelte'; import Check from './(components)/check.svelte'; import type { PageData } from './$types'; @@ -34,85 +34,99 @@ title="Create a site" hideAside={true} href={`${base}/project-${$page.params.project}/sites/site-${data.site.$id}`}> - - - - - - Congratulations! - You deployed your Site successfully. + +
+ + + + + + Congratulations! + You deployed your Site successfully. + + + - - - {#if !data.deployment.providerCommitHash} - - {#if !data.site.installationId && !data.site.providerRepositoryId} - (showConnectRepositry = true)}> + {#if !data.deployment.providerCommitHash} + + {#if !data.site.installationId && !data.site.providerRepositoryId} + (showConnectRepositry = true)}> + + + Connect to repository + + + + Connect to a new repository or an existing one. + + + + {/if} + - Connect to repository + Add domain - Connect to a new repository or an existing one. + Connect to an existing domain or purchase a new one. - {/if} - - - - Add domain - + (showInviteCollaborator = true)}> + + + Add collaborators + + + + Share your progress and start collaborating with your team. + - - Connect to an existing domain or purchase a new one. - - - - (showInviteCollaborator = true)}> - - - Add collaborators - + + (showOpenOnMobile = true)}> + + + Open on mobile + + + + Open the preview of your site on any mobile or tablet device. + - - Share your progress and start collaborating with your team. - - - - (showOpenOnMobile = true)}> - - - Open on mobile - - - - Open the preview of your site on any mobile or tablet device. - - - - - {/if} - + + + {/if} + +
+