Merge main to release

.env.development

@@ -1,3 +1,4 @@
 VITE_API_BASE_URL=http://localhost:3000
 VITE_CLERK_PUBLISHABLE_KEY=pk_test_b3B0aW1hbC1jaGlja2VuLTU3LmNsZXJrLmFjY291bnRzLmRldiQ
+VITE_GOOGLE_REDIRECT_URL=https://optimal-chicken-57.clerk.accounts.dev/v1/oauth_callback
 VITE_LOG_LEVEL=debug

src/avs/AVSDetailsOperatorsTab.jsx

@@ -257,7 +257,7 @@ function AVSOperatorsList({ address, avsError, isAVSLoading, tvl }) {
         className="size-16 cursor-pointer border-t border-outline bg-black/100 transition-colors hover:bg-default"
         key={`promoted-operator-item-${i}`}
         onClick={() =>
-          navigate(`/operators/${operator.address}`, {
+          navigate(`/operators/${operator.operator}`, {
             state: { operator }
           })
         }

src/home/OverviewStats.jsx

@@ -39,7 +39,8 @@ export default function OverviewStats({
 
   const calculateEigenLayerTVL = () =>
     eigenLayerTVL[eigenLayerTVL.length - 1].ethTVL +
-    eigenLayerTVL[eigenLayerTVL.length - 1].lstTVL;
+    eigenLayerTVL[eigenLayerTVL.length - 1].lstTVL +
+    eigenLayerTVL[eigenLayerTVL.length - 1].eigenTVL;
 
   useEffect(() => {
     const fetchOperators = async () => {

src/onboarding/Login.jsx

@@ -1,4 +1,4 @@
-import { Button, Input } from '@nextui-org/react';
+import { Button, Divider, Image, Input } from '@nextui-org/react';
 import { Link, Navigate, useNavigate } from 'react-router-dom';
 import { useSignIn, useUser } from '@clerk/clerk-react';
 import { reduceState } from '../shared/helpers';
@@ -54,14 +54,13 @@ export default function Login() {
     }
   };
 
-  // const handleGoogleLogin = async () => {
-  //   await signIn.authenticateWithRedirect({
-  //     strategy: 'oauth_google',
-  //     redirectUrl:
-  //       'https://hip-primate-84.clerk.accounts.dev/v1/oauth_callback',
-  //     redirectUrlComplete: '/'
-  //   });
-  // };
+  const handleGoogleLogin = async () => {
+    await signIn.authenticateWithRedirect({
+      strategy: 'oauth_google',
+      redirectUrl: import.meta.env.VITE_GOOGLE_REDIRECT_URL,
+      redirectUrlComplete: '/'
+    });
+  };
 
   if (isSignedIn) {
     return <Navigate to={'/'} />;
@@ -78,8 +77,6 @@ export default function Login() {
         </p>
       </div>
 
-      {/* <GoogleOneTap /> */}
-
       <form
         className="flex w-full flex-col items-center justify-center gap-y-5 rounded-lg border border-outline bg-content1 p-5 md:w-[31rem]"
         onSubmit={handleSubmit(handleLogin)}
@@ -133,20 +130,24 @@ export default function Login() {
           })}
         />
 
-        {/* <div className="flex w-full items-center gap-x-2">
-          <Divider className="w-[46.5%] bg-outline" />
-          <p>or</p>
-          <Divider className="w-[46.5%] bg-outline" />
-        </div> */}
-        {/* <Button
-          className="rounded-sm border border-outline"
-          fullWidth
-          onPress={handleGoogleLogin}
-          startContent={<Image src="/images/google.svg" />}
-          variant="bordered"
-        >
-          Continue with Google
-        </Button> */}
+        {localStorage.getItem('isGoogleOAuthEnabled') && (
+          <div className="flex w-full items-center gap-x-2">
+            <Divider className="w-[46.5%] bg-outline" />
+            <p>or</p>
+            <Divider className="w-[46.5%] bg-outline" />
+          </div>
+        )}
+        {localStorage.getItem('isGoogleOAuthEnabled') && (
+          <Button
+            className="rounded-sm border border-outline"
+            fullWidth
+            onPress={handleGoogleLogin}
+            startContent={<Image src="/images/google.svg" />}
+            variant="bordered"
+          >
+            Continue with Google
+          </Button>
+        )}
 
         <Button
           className="rounded-sm border border-secondary text-secondary hover:border-focus hover:text-focus"

src/onboarding/Register.jsx

@@ -1,4 +1,4 @@
-import { Button, Checkbox, cn, Input } from '@nextui-org/react';
+import { Button, Checkbox, cn, Divider, Image, Input } from '@nextui-org/react';
 import { Link, Navigate, useNavigate } from 'react-router-dom';
 import { useSignUp, useUser } from '@clerk/clerk-react';
 import { OTPInput } from 'input-otp';
@@ -12,8 +12,8 @@ export default function Register() {
     handleSubmit,
     getValues,
     setError,
-    // clearErrors,
-    // reset,
+    clearErrors,
+    reset,
     formState: { errors }
   } = useForm();
   const { isLoaded: isClerkLoaded, signUp, setActive } = useSignUp();
@@ -90,23 +90,22 @@ export default function Register() {
     }
   };
 
-  // const handleGoogleLogin = async () => {
-  //   reset();
-  //   if (!getValues('terms')) {
-  //     setError('terms', {
-  //       message: 'Please accept terms and conditions',
-  //       type: 'required'
-  //     });
-  //     return;
-  //   }
-  //   clearErrors('terms');
-  //   await signUp.authenticateWithRedirect({
-  //     strategy: 'oauth_google',
-  //     redirectUrl:
-  //       'https://hip-primate-84.clerk.accounts.dev/v1/oauth_callback',
-  //     redirectUrlComplete: '/'
-  //   });
-  // };
+  const handleGoogleLogin = async () => {
+    reset();
+    if (!getValues('terms')) {
+      setError('terms', {
+        message: 'Please accept terms and conditions',
+        type: 'required'
+      });
+      return;
+    }
+    clearErrors('terms');
+    await signUp.authenticateWithRedirect({
+      strategy: 'oauth_google',
+      redirectUrl: import.meta.env.VITE_GOOGLE_REDIRECT_URL,
+      redirectUrlComplete: '/'
+    });
+  };
 
   if (isSignedIn) {
     return <Navigate to={'/'} />;
@@ -181,8 +180,6 @@ export default function Register() {
         </p>
       </div>
 
-      {/* <GoogleOneTap /> */}
-
       <form
         className="flex w-full flex-col items-center justify-center gap-y-5 rounded-lg border border-outline bg-content1 p-5 md:w-[31rem]"
         onSubmit={handleSubmit(handleSignUp)}
@@ -236,21 +233,25 @@ export default function Register() {
           })}
         />
 
-        {/* <div className="flex w-full items-center gap-x-2">
-          <Divider className="w-[46.5%] bg-outline" />
-          <p>or</p>
-          <Divider className="w-[46.5%] bg-outline" />
-        </div> */}
+        {localStorage.getItem('isGoogleOAuthEnabled') && (
+          <div className="flex w-full items-center gap-x-2">
+            <Divider className="w-[46.5%] bg-outline" />
+            <p>or</p>
+            <Divider className="w-[46.5%] bg-outline" />
+          </div>
+        )}
 
-        {/* <Button
-          className="rounded-sm border border-outline"
-          fullWidth
-          onPress={handleGoogleLogin}
-          startContent={<Image src="/images/google.svg" />}
-          variant="bordered"
-        >
-          Continue with Google
-        </Button> */}
+        {localStorage.getItem('isGoogleOAuthEnabled') && (
+          <Button
+            className="rounded-sm border border-outline"
+            fullWidth
+            onPress={handleGoogleLogin}
+            startContent={<Image src="/images/google.svg" />}
+            variant="bordered"
+          >
+            Continue with Google
+          </Button>
+        )}
 
         <div className="flex w-full flex-col">
           <Checkbox

terraform/Amplify/main.tf

@@ -1,5 +1,5 @@
 resource "aws_amplify_app" "main" {
-  name       = "restaking-dashboard"
+  name       = "restaking-dashboard-app"
   repository = "https://github.com/NethermindEth/restaking-dashboard"
 
   environment_variables = {
@@ -16,11 +16,21 @@ resource "aws_amplify_app" "main" {
     status = "200"
     target = "/index.html"
   }
+
 }
 
 resource "aws_amplify_branch" "main" {
   app_id      = aws_amplify_app.main.id
   branch_name = "main"
+  stage       = "DEVELOPMENT"
+
+  enable_auto_build = false
+}
+
+# Release branch for production environment
+resource "aws_amplify_branch" "release" {
+  app_id      = aws_amplify_app.main.id
+  branch_name = "release/v0.1.0"
   stage       = "PRODUCTION"
 
   enable_auto_build = false
@@ -37,6 +47,21 @@ resource "aws_amplify_domain_association" "main" {
     branch_name = aws_amplify_branch.main.branch_name
     prefix      = "stage"
   }
+
+  # add this for pre-production domain
+  # https://prod.restaking.info
+  sub_domain {
+    branch_name = aws_amplify_branch.release.branch_name
+    prefix      = "prod"
+  }
+
+  # add this for production domain
+  # https://restaking.info
+  sub_domain {
+    branch_name = aws_amplify_branch.release.branch_name
+    prefix      = ""
+  }
+
 }
 
 
@@ -46,3 +71,9 @@ resource "aws_amplify_webhook" "stage" {
   description = "stage"
 }
 
+
+resource "aws_amplify_webhook" "release" {
+  app_id      = aws_amplify_app.main.id
+  branch_name = aws_amplify_branch.release.branch_name
+  description = "release"
+}

terraform/Amplify/output.tf

@@ -0,0 +1,8 @@
+
+output "aws_amplify_domain_association" {
+  value =  aws_amplify_domain_association.main.sub_domain
+}
+
+output "aws_amplify_webhook"{
+value =  aws_amplify_webhook.stage.url
+}