account AccountWelcomeView.tsx

0% Statements 0/16

0% Branches 0/1

0% Functions 0/1

0% Lines 0/16

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
import { handleSignIn } from "@/context/AiHydroAuthContext"
import { useExtensionState } from "@/context/ExtensionStateContext"
import AiHydroLogoVariable from "../../assets/AiHydroLogoVariable"
 
export const AccountWelcomeView = () => {
	const { environment } = useExtensionState()
 
	return (
		<div className="flex flex-col items-center pr-3">
			<AiHydroLogoVariable className="size-16 mb-4" environment={environment} />
 
			<p>
				Sign up for an account to get access to the latest models, billing dashboard to view usage and credits, and more
				upcoming features.
			</p>
 
			<VSCodeButton className="w-full mb-4" onClick={() => handleSignIn()}>
				Sign up with AI-Hydro
			</VSCodeButton>
 
			<p className="text-[var(--vscode-descriptionForeground)] text-xs text-center m-0">
				By continuing, you agree to the{" "}
				<VSCodeLink href="https://github.com/AI-Hydro/AI-Hydro#readme">Terms of Service</VSCodeLink> and{" "}
				<VSCodeLink href="https://github.com/AI-Hydro/AI-Hydro#readme">Privacy Policy.</VSCodeLink>
			</p>
		</div>
	)
}