From 7777d3a03bfb70a94c79f9fc3aa3e83afda6a307 Mon Sep 17 00:00:00 2001
From: Nevo David <nevo@notu.co>
Date: Wed, 5 Jun 2024 16:57:01 +0700
Subject: [PATCH] feat: logo in login

---
 apps/frontend/src/app/auth/layout.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/apps/frontend/src/app/auth/layout.tsx b/apps/frontend/src/app/auth/layout.tsx
index 4ffffd52..57fb0c49 100644
--- a/apps/frontend/src/app/auth/layout.tsx
+++ b/apps/frontend/src/app/auth/layout.tsx
@@ -1,6 +1,10 @@
+import { isGeneral } from '@gitroom/react/helpers/is.general';
+
 export const dynamic = 'force-dynamic';
 
 import { ReactNode } from 'react';
+import Image from 'next/image';
+import clsx from 'clsx';
 
 export default async function AuthLayout({
   children,
@@ -12,6 +16,25 @@ export default async function AuthLayout({
       <div className="absolute left-0 top-0 z-[0] h-[100vh] w-[100vw] overflow-hidden bg-loginBg bg-contain bg-no-repeat bg-left-top" />
       <div className="relative z-[1] pr-[100px] flex justify-end items-center h-[100vh] w-[100vw] overflow-hidden">
         <div className="w-[557px] flex h-[614px] bg-loginBox bg-contain">
+          <div className="w-full relative">
+            <div className="absolute -top-[100px] text-white justify-center items-center w-full flex gap-[10px]">
+              <Image
+                src={isGeneral() ? '/postiz.svg' : '/logo.svg'}
+                width={55}
+                height={53}
+                alt="Logo"
+              />
+              <div
+                className={clsx(!isGeneral() ? 'mt-[12px]' : 'min-w-[80px]')}
+              >
+                {isGeneral() ? (
+                  <img src="/postiz-text.svg" className="w-[80px]" />
+                ) : (
+                  <div className="text-[40px]">Gitroom</div>
+                )}
+              </div>
+            </div>
+          </div>
           <div className="p-[32px] absolute w-[557px] h-[614px] text-white">
             {children}
           </div>