feat: google auth logo and lottie animation

deeptech-kmitl · Mar 29, 2024 · ce9f728 · ce9f728
1 parent c3db27f
commit ce9f728
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/apps/api/auth/project.json b/apps/api/auth/project.json
@@ -12,7 +12,7 @@
     },
     "deploy": {
       "executor": "nx:run-commands",
-      "defaultConfiguration": "development",
+      "defaultConfiguration": "production",
       "configurations": {
         "development": {
           "command": "wrangler deploy --minify {projectRoot}/src/main.ts"

diff --git a/apps/web/public/assets/google.svg b/apps/web/public/assets/google.svg
diff --git a/apps/web/src/routes/(authentication)/components/auth-button.tsx b/apps/web/src/routes/(authentication)/components/auth-button.tsx
@@ -13,8 +13,8 @@ export default component$((props: AuthButtonProps) => {
   return (
     <Button variant="surface" onClick$={signInWithGoogle}>
       <Box width="full" direction="horizontal" gap="1">
+        <img width="30" height="30" src="/google.svg" />
         <Text>{props.label}</Text>
-        <img width="30" height="30" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/2048px-Google_%22G%22_logo.svg.png" />
       </Box>
     </Button>
   );

diff --git a/apps/web/src/routes/(authentication)/sign-up/index.tsx b/apps/web/src/routes/(authentication)/sign-up/index.tsx
@@ -14,7 +14,7 @@ export default component$(() => {
         </Text>
         <Text theme="secondary">Please sign up to get services access</Text>
       </Box>
-      <AuthButton label="Sign up with" />
+      <AuthButton label="Sign in with Google" />
       <Box direction="horizontal" gap="2">
         <Button variant="surface" href="/">
           <Box direction="horizontal" gap="1">
@@ -24,9 +24,11 @@ export default component$(() => {
             <Text theme="secondary">Back to page</Text>
           </Box>
         </Button>
+        {/*
         <Button variant="surface" href="/sign-in">
           <Text theme="secondary">Sign in</Text>
         </Button>
+        */}
       </Box>
     </Box>
   );

diff --git a/apps/web/src/routes/plugin@csp.ts b/apps/web/src/routes/plugin@csp.ts
@@ -13,7 +13,7 @@ export const onRequest: RequestHandler = (event) => {
     "img-src 'self' 'unsafe-inline' data:",
     `script-src 'self' 'unsafe-inline' https: 'nonce-${nonce}' 'strict-dynamic'`,
     "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com",
-    `frame-src 'self' 'nonce-${nonce}'`,
+    `frame-src 'self' 'nonce-${nonce}' https://lottie.host`,
     "object-src 'none'",
     "base-uri 'self'",
   ];