forked from onlook-dev/onlook
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Incremented version v0.0.3 * Add onboard flow
- Loading branch information
Showing
18 changed files
with
204 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,3 @@ | ||
| SUPABASE_API_URL=http://127.0.0.1:54321 | ||
| SUPABASE_ANON_KEY= | ||
| VITE_SUPABASE_API_URL= | ||
| VITE_SUPABASE_ANON_KEY= | ||
| VITE_MIXPANEL_TOKEN= |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,133 @@ | ||
| import mountains from '@/assets/mountains.png'; | ||
| import wordLogo from '@/assets/word-logo.svg'; | ||
| import supabase from '@/lib/backend'; | ||
| import { | ||
| BoxIcon, | ||
| CheckboxIcon, | ||
| DiscordLogoIcon, | ||
| GitHubLogoIcon, | ||
| LayersIcon, | ||
| } from '@radix-ui/react-icons'; | ||
| import { useState } from 'react'; | ||
| import { Button } from '../ui/button'; | ||
| import { Dialog, DialogContent } from '../ui/dialog'; | ||
| import { Input } from '../ui/input'; | ||
| import { Toggle } from '../ui/toggle'; | ||
| import { toast } from '../ui/use-toast'; | ||
| import { MainChannels } from '/common/constants'; | ||
|
|
||
| function Announcement() { | ||
| const [checked, setChecked] = useState(true); | ||
| const [open, setOpen] = useState(true); | ||
| const [email, setEmail] = useState(''); | ||
| const [error, setError] = useState(''); | ||
|
|
||
| async function handleSubscribe() { | ||
| try { | ||
| if (!email || !email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) { | ||
| throw new Error('Email is invalid'); | ||
| } | ||
|
|
||
| if (!supabase) { | ||
| throw new Error('No backend connected'); | ||
| } | ||
| const { data, error } = await supabase.from('subscription').insert([ | ||
| { | ||
| email, | ||
| }, | ||
| ]); | ||
| if (error) { | ||
| throw error; | ||
| } | ||
| setError(''); | ||
| setEmail(''); | ||
| toast({ | ||
| title: 'Email Subscribed 🎉', | ||
| description: 'Thank you for following the progress!', | ||
| }); | ||
| } catch (error: any) { | ||
| console.error('Error subscribing:', error); | ||
| setError('Error: ' + error.message || error); | ||
| } | ||
| } | ||
|
|
||
| function handleOpenChange(value: boolean) { | ||
| setOpen(false); | ||
| if (!value) { | ||
| window.api.send(MainChannels.ANLYTICS_PREF_SET, [checked]); | ||
| } | ||
| } | ||
|
|
||
| return ( | ||
| <Dialog open={open} onOpenChange={handleOpenChange}> | ||
| <DialogContent className="text-white/60 space-x-2 text-sm space-y-2"> | ||
| <div className="flex relative items-start w-[calc(100%+3rem)] h-72 -m-6 mb-0 border-b rounded-t-lg overflow-hidden"> | ||
| <img | ||
| className="absolute w-[calc(100%+3rem)]" | ||
| src={mountains} | ||
| alt="Onlook logo" | ||
| /> | ||
| <div className="absolute top-10 w-full items-center flex flex-col space-y-2"> | ||
| <img className="w-1/4" src={wordLogo} alt="Onlook logo" /> | ||
| <p className="text-xs">Version {window.env.APP_VERSION}</p> | ||
| </div> | ||
| </div> | ||
| <div className="space-y-6"> | ||
| <div className="space-y-2"> | ||
| <p>Stay up to date with Onlook</p> | ||
| <div className="flex flex-row space-x-2"> | ||
| <Input | ||
| className="bg-bg outline-none" | ||
| placeholder="contact@onlook.dev" | ||
| type="email" | ||
| value={email} | ||
| onChange={(e) => setEmail(e.target.value)} | ||
| /> | ||
| <Button variant={'outline'} onClick={handleSubscribe}> | ||
| Email me updates | ||
| </Button> | ||
| </div> | ||
| <p className="text-red-500">{error}</p> | ||
| </div> | ||
| <div className="grid grid-cols-2"> | ||
| <div className="space-y-2"> | ||
| <p>Resources</p> | ||
| <div className="flex flex-col space-y-1 ml-2"> | ||
| <div className="flex flex-row items-center"> | ||
| <GitHubLogoIcon className="mr-2" /> Star Github Repo | ||
| </div> | ||
| <div className="flex flex-row items-center"> | ||
| <DiscordLogoIcon className="mr-2" /> | ||
| Join Discord | ||
| </div> | ||
| <div className="flex flex-row items-center"> | ||
| <LayersIcon className="mr-2" /> Browse Docs | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="space-y-2"> | ||
| <p>Settings</p> | ||
| <div className="flex flex-row items-center space-x-2"> | ||
| <Toggle | ||
| pressed={checked} | ||
| size="sm" | ||
| className="h-7 p-0 px-2 rounded data-[state=on]:bg-bg-positive data-[state=on]:text-teal-700" | ||
| onPressedChange={(value) => setChecked(value)} | ||
| > | ||
| {checked ? <CheckboxIcon /> : <BoxIcon />} | ||
| </Toggle> | ||
| <div className="text-xs"> | ||
| <p className="text-white">Share anonymized analytics</p> | ||
| <p>This helps our small team a lot!</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </DialogContent> | ||
| </Dialog> | ||
| ); | ||
| } | ||
|
|
||
| export default Announcement; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| declare module '*.jpg'; | ||
| declare module '*.svg'; | ||
| declare module '*.png'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.