update sdk dialog

surrealdb · Dec 4, 2024 · 3b315f3 · 3b315f3
1 parent 719eabb
commit 3b315f3
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 73 deletions.
diff --git a/src/screens/cloud-panel/modals/connect-sdk.tsx b/src/screens/cloud-panel/modals/connect-sdk.tsx
@@ -141,8 +141,8 @@ function ConnectSdkModal({ instance }: ConnectSdkModalProps) {
 				</Text>
 
 				<Text
-					mt="lg"
-					fz="lg"
+					mt="xl"
+					fz="xl"
 					ff="mono"
 					tt="uppercase"
 					fw={600}
@@ -162,92 +162,92 @@ function ConnectSdkModal({ instance }: ConnectSdkModalProps) {
 				/>
 
 				<Text
-					mt="lg"
-					fz="lg"
+					mt="xl"
+					fz="xl"
 					ff="mono"
 					tt="uppercase"
 					fw={600}
 					c="bright"
 				>
-					2. Enter optional connection details
+					2. Specify namespace and database
 				</Text>
 
-				<SimpleGrid cols={2}>
-					<Paper
-						bg={isLight ? "slate.0" : "slate.9"}
-						p="md"
+				<Paper
+					bg={isLight ? "slate.0" : "slate.9"}
+					p="md"
+				>
+					<SimpleGrid
+						cols={2}
+						mb="md"
 					>
-						<Group>
-							<Icon path={iconDatabase} />
-							<Text
-								fw={500}
-								c="bright"
-							>
-								Namespace and database
-							</Text>
-						</Group>
-						<SimpleGrid
-							cols={2}
-							mt="lg"
-						>
-							<TextInput
-								placeholder="Namespace"
-								size="xs"
-								value={namespace}
-								onChange={setNamespace}
-							/>
-
-							<TextInput
-								placeholder="Database"
-								size="xs"
-								value={database}
-								onChange={setDatabase}
-							/>
-						</SimpleGrid>
-					</Paper>
-					<Paper
-						bg={isLight ? "slate.0" : "slate.9"}
-						p="md"
+						<TextInput
+							placeholder="Namespace"
+							size="xs"
+							value={namespace}
+							onChange={setNamespace}
+						/>
+
+						<TextInput
+							placeholder="Database"
+							size="xs"
+							value={database}
+							onChange={setDatabase}
+						/>
+					</SimpleGrid>
+
+					<LearnMore href="https://surrealdb.com/docs/surrealdb/introduction/concepts/namespace">
+						Learn more about namespaces and databases
+					</LearnMore>
+				</Paper>
+
+				<Text
+					mt="xl"
+					fz="xl"
+					ff="mono"
+					tt="uppercase"
+					fw={600}
+					c="bright"
+				>
+					3. Authentication
+				</Text>
+
+				<Paper
+					bg={isLight ? "slate.0" : "slate.9"}
+					p="md"
+				>
+					<SimpleGrid
+						cols={2}
+						mb="md"
 					>
-						<Group>
-							<Icon path={iconAccount} />
-							<Text
-								fw={500}
-								c="bright"
-							>
-								Username and password
-							</Text>
-						</Group>
-						<SimpleGrid
-							cols={2}
-							mt="lg"
-						>
-							<TextInput
-								placeholder="Username"
-								size="xs"
-								value={username}
-								onChange={setUsername}
-							/>
-
-							<TextInput
-								placeholder="Password"
-								size="xs"
-								value={password}
-								onChange={setPassword}
-							/>
-						</SimpleGrid>
-					</Paper>
-				</SimpleGrid>
+						<TextInput
+							placeholder="Username"
+							size="xs"
+							value={username}
+							onChange={setUsername}
+						/>
+
+						<TextInput
+							placeholder="Password"
+							size="xs"
+							value={password}
+							onChange={setPassword}
+						/>
+					</SimpleGrid>
+
+					<LearnMore href="https://surrealdb.com/docs/surrealdb/security/authentication">
+						Learn more about authentication
+					</LearnMore>
+				</Paper>
 
 				<Text
-					mt="lg"
-					fz="lg"
+					mt="xl"
+					fz="xl"
 					ff="mono"
 					tt="uppercase"
 					fw={600}
 					c="bright"
 				>
-					3. Use the following code snippet
+					4. Use the following code snippet
 				</Text>
 
 				<CodeSnippet

diff --git a/src/screens/cloud-panel/pages/Chat/message.tsx b/src/screens/cloud-panel/pages/Chat/message.tsx
@@ -16,8 +16,8 @@ import sidekickImg from "~/assets/images/sidekick.webp";
 
 import { marked } from "marked";
 import { Link } from "~/components/Link";
-import type { CloudChatMessage, CloudProfile } from "~/types";
 import { useIsLight } from "~/hooks/theme";
+import type { CloudChatMessage, CloudProfile } from "~/types";
 
 export interface ChatMessageProps {
 	message: CloudChatMessage;