@@ -51,16 +56,20 @@ export function SetAdminPassword({onChangeStep, secret}: Props) {
Set a password for the admin user. At the next screen you'll be able to login with the username "admin" and the password you'll set now.
{passwordMutation.isPending ? (
-
+ )}
+
+
+ : null }
+ {cloudType === "digitalocean" ?
+
+
+ {hasMoreOptions ? "Option 2: " : ""}Without SSH Access
+
+
+ Add the following tag to the droplet by going to the droplet settings and opening the Tags page. You can remove the tag once the setup is complete.
+
+ {secretMutation.isPending ? (
+
Checking tag...
+ ) : (
+
+
+
+
+ )}
+
+
+ : null }
+
+
);
}
\ No newline at end of file
diff --git a/webapp/src/AppInit/SetupBanner.module.css b/webapp/src/AppInit/SetupBanner.module.css
index fc2debc..37e8dfd 100644
--- a/webapp/src/AppInit/SetupBanner.module.css
+++ b/webapp/src/AppInit/SetupBanner.module.css
@@ -2,9 +2,6 @@
display: flex;
align-items: center;
padding: calc(var(--mantine-spacing-xl) * 2);
- border-radius: var(--mantine-radius-md);
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-8));
- border: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-8));
@media (max-width: $mantine-breakpoint-sm) {
flex-direction: column-reverse;
@@ -58,4 +55,7 @@
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
-
\ No newline at end of file
+
+ .error:first-letter {
+ text-transform: capitalize
+ }
\ No newline at end of file
diff --git a/webapp/src/AppInit/SetupBanner.tsx b/webapp/src/AppInit/SetupBanner.tsx
index 76b99f6..9ebf57c 100644
--- a/webapp/src/AppInit/SetupBanner.tsx
+++ b/webapp/src/AppInit/SetupBanner.tsx
@@ -5,11 +5,12 @@ import React from 'react';
type Props = {
onCompleted: (newType: boolean) => void;
+ cloudType: string;
};
-export function SetupBanner({onCompleted}:Props) {
+export function SetupBanner({onCompleted, cloudType}:Props) {
const [step, setStep] = useState(0);
- const [secret, setSecret] = useState("");
+ const [secrets, setSecrets] = useState({secret: "", tagHash: "", instanceID: ""});
React.useEffect(() => {
if(step === 2) {
@@ -18,8 +19,8 @@ export function SetupBanner({onCompleted}:Props) {
}, [step]);
if(step === 0) {
- return
+ return
} else if(step === 1) {
- return
+ return
}
}
\ No newline at end of file
diff --git a/webapp/src/types/SetupRequest.tsx b/webapp/src/types/SetupRequest.tsx
new file mode 100644
index 0000000..e7f1bf5
--- /dev/null
+++ b/webapp/src/types/SetupRequest.tsx
@@ -0,0 +1,5 @@
+type SetupResponse = {
+ secret: string;
+ tagHash: string;
+ instanceID: string;
+ }
\ No newline at end of file