From b8b05b923fcdf589fe1ec0035cae458449719628 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Mon, 7 Oct 2024 06:41:13 +0200
Subject: [PATCH] chore: tweak styles for Prowler logo in signIn page

---
 components/auth/auth-form.tsx             |  8 +++--
 components/icons/prowler/ProwlerIcons.tsx | 41 ++++++++++++-----------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/components/auth/auth-form.tsx b/components/auth/auth-form.tsx
index fe4e62f9d1..038a34dd6d 100644
--- a/components/auth/auth-form.tsx
+++ b/components/auth/auth-form.tsx
@@ -63,6 +63,10 @@ export const AuthForm = ({ type }: { type: string }) => {
     if (type === "sign-up") {
       const newUser = await createNewUser(data);
 
+      if (!newUser.errors) {
+        router.push("/sign-in");
+      }
+
       if (newUser?.errors && newUser.errors.length > 0) {
         newUser.errors.forEach((error: ApiError) => {
           const errorMessage = error.detail;
@@ -109,8 +113,8 @@ export const AuthForm = ({ type }: { type: string }) => {
       {/* Auth Form */}
       <div className="relative flex w-full items-center justify-center bg-background lg:w-1/2">
         {/* Prowler Logo */}
-        <div className="absolute top-1/2 z-10 flex w-full flex-col items-center">
-          <ProwlerExtended className="w-[500px]" />
+        <div className="absolute top-[10%] z-10 flex h-fit w-fit flex-col items-center lg:hidden">
+          <ProwlerExtended width={300} />
         </div>
 
         <div className="flex w-full max-w-sm flex-col gap-4 rounded-large bg-content1 px-8 pb-10 pt-6 shadow-small">
diff --git a/components/icons/prowler/ProwlerIcons.tsx b/components/icons/prowler/ProwlerIcons.tsx
index 0229c6e0b5..425788e88b 100644
--- a/components/icons/prowler/ProwlerIcons.tsx
+++ b/components/icons/prowler/ProwlerIcons.tsx
@@ -7,26 +7,27 @@ export const ProwlerExtended: React.FC<IconSvgProps> = ({
   width = 164,
   height,
   ...props
-}) => (
-  <svg
-    id="Layer_1"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 1233.67 204.4"
-    fill="none"
-    height={size || height}
-    width={size || width}
-    color="evenodd"
-    {...props}
-  >
-    <path
-      className="cls-1"
-      d="M1169.38,132.04c20.76-12.21,34.44-34.9,34.44-59.79,0-38.18-31.06-69.25-69.25-69.25l-216.9.23v145.17h-64.8V3h-79.95s-47.14,95.97-47.14,95.97V3h-52.09s-47.14,95.97-47.14,95.97V3h-53.48v69.6C560.37,30.64,521.34,0,475.28,0c-42.63,0-79.24,26.25-94.54,63.43-4.35-34.03-33.48-60.43-68.67-60.43h-100.01v47.43C202.9,22.91,176.91,3,146.35,3H0s46.34,46.33,46.34,46.33v151.64h53.47v-76.68l17.21,17.21h29.33c30.56,0,56.54-19.91,65.71-47.43v106.91h53.48v-81.51l76.01,81.51h69.62l-64.29-68.94c11.14-6.56,20.22-16.15,26.26-27.46,1.27,55.26,46.58,99.82,102.14,99.82,46.06,0,85.09-30.64,97.81-72.6v69.18h60.88l38.34-78.06v78.06h60.88l66.2-134.78v135.69h95.41l22.86-22.86v22.86h95.05l21.84-21.84v20.93h53.48v-81.5l76.01,81.5h69.62l-64.29-68.94ZM146.35,88.02h-46.54v-31.54h46.54c8.7,0,15.77,7.07,15.77,15.77s-7.07,15.77-15.77,15.77ZM312.07,88.02l-46.54-.18v-31.36h46.54c8.7,0,15.77,7.07,15.77,15.77s-7.08,15.77-15.77,15.77ZM475.28,150.92c-26.86,0-48.72-21.86-48.72-48.72s21.86-48.72,48.72-48.72,48.72,21.86,48.72,48.72-21.86,48.72-48.72,48.72ZM1034.56,148.41h-63.41v-20.35h42.91v-50.88h-42.91v-20.46h63.41v91.69ZM1134.57,88.02l-46.54-.18v-31.36h46.54c8.7,0,15.77,7.07,15.77,15.77s-7.07,15.77-15.77,15.77Z"
-      fill="currentColor"
-      fillRule="evenodd"
-      clipRule="evenodd"
-    />
-  </svg>
-);
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 1233.67 204.4"
+      fill="none"
+      height={size || height}
+      width={size || width}
+      color="evenodd"
+      {...props}
+    >
+      <path
+        className="cls-1"
+        d="M1169.38 132.04c20.76-12.21 34.44-34.9 34.44-59.79 0-38.18-31.06-69.25-69.25-69.25l-216.9.23V148.4h-64.8V3h-79.95l-47.14 95.97V3h-52.09l-47.14 95.97V3h-53.48v69.6C560.37 30.64 521.34 0 475.28 0c-42.63 0-79.24 26.25-94.54 63.43C376.39 29.4 347.26 3 312.07 3H212.06v47.43C202.9 22.91 176.91 3 146.35 3H0l46.34 46.33v151.64h53.47v-76.68l17.21 17.21h29.33c30.56 0 56.54-19.91 65.71-47.43v106.91h53.48v-81.51l76.01 81.51h69.62l-64.29-68.94c11.14-6.56 20.22-16.15 26.26-27.46 1.27 55.26 46.58 99.82 102.14 99.82 46.06 0 85.09-30.64 97.81-72.6v69.18h60.88l38.34-78.06v78.06h60.88l66.2-134.78v135.69h95.41l22.86-22.86v22.86h95.05l21.84-21.84v20.93h53.48v-81.5l76.01 81.5h69.62l-64.29-68.94ZM146.35 88.02H99.81V56.48h46.54c8.7 0 15.77 7.07 15.77 15.77s-7.07 15.77-15.77 15.77Zm165.72 0-46.54-.18V56.48h46.54c8.7 0 15.77 7.07 15.77 15.77s-7.08 15.77-15.77 15.77Zm163.21 62.9c-26.86 0-48.72-21.86-48.72-48.72s21.86-48.72 48.72-48.72S524 75.34 524 102.2s-21.86 48.72-48.72 48.72Zm559.28-2.51h-63.41v-20.35h42.91V77.18h-42.91V56.72h63.41v91.69Zm100.01-60.39-46.54-.18V56.48h46.54c8.7 0 15.77 7.07 15.77 15.77s-7.07 15.77-15.77 15.77Z"
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+};
 
 export const ProwlerShort: React.FC<IconSvgProps> = ({
   size,