fixing file arcticture & romoving publicRoute

Author: mariam123hagras

…/src/components/templates/AuthLayout.tsx web/src/components/layouts/AuthLayout.tsxweb/src/components/templates/AuthLayout.tsx renamed to web/src/components/layouts/AuthLayout.tsx web/src/components/templates/AuthLayout.tsx renamed to web/src/components/layouts/AuthLayout.tsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import { Input } from '../atoms/Input'
+import { ErrorMessage } from '../atoms/ErrorMessage'
+
+interface LoginFieldsProps {
+  email: string
+  password: string
+  errors: { email?: string; password?: string }
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+}
+
+export const LoginFields: React.FC<LoginFieldsProps> = ({
+  email,
+  password,
+  errors,
+  onChange,
+}) => (
+  <>
+    <Input
+      type="email"
+      name="email"
+      placeholder="E-mail"
+      autoComplete="email"
+      value={email}
+      onChange={onChange}
+    />
+    {errors.email && <ErrorMessage message={errors.email} />}
+
+    <Input
+      type="password"
+      name="password"
+      placeholder="Password"
+      autoComplete="current-password"
+      value={password}
+      onChange={onChange}
+    />
+    {errors.password && <ErrorMessage message={errors.password} />}
+  </>
+)

web/src/components/molecules/LoginFields.tsx

@@ -0,0 +1,55 @@
+import React from 'react'
+import { Input } from '../atoms/Input'
+import { ErrorMessage } from '../atoms/ErrorMessage'
+
+interface RegisterFieldsProps {
+  email: string
+  password: string
+  repeatPassword: string
+  errors: {
+    email?: string
+    password?: string
+    repeatPassword?: string
+  }
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+}
+
+export const RegisterFields: React.FC<RegisterFieldsProps> = ({
+  email,
+  password,
+  repeatPassword,
+  errors,
+  onChange,
+}) => (
+  <>
+    <Input
+      type="email"
+      name="email"
+      placeholder="E-mail"
+      autoComplete="email"
+      value={email}
+      onChange={onChange}
+    />
+    {errors.email && <ErrorMessage message={errors.email} />}
+
+    <Input
+      type="password"
+      name="password"
+      placeholder="Password"
+      autoComplete="new-password"
+      value={password}
+      onChange={onChange}
+    />
+    {errors.password && <ErrorMessage message={errors.password} />}
+
+    <Input
+      type="password"
+      name="repeatPassword"
+      placeholder="Repeat Password"
+      autoComplete="new-password"
+      value={repeatPassword}
+      onChange={onChange}
+    />
+    {errors.repeatPassword && <ErrorMessage message={errors.repeatPassword} />}
+  </>
+)

web/src/components/molecules/RegisterFields.tsx

@@ -1,15 +1,16 @@
 import React from 'react'
 import styled from 'styled-components'
-import { LoginForm } from '../molecules/LoginForm'
+import { LoginForm } from './LoginForm'
 
 const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
+  gap: 16px;
   width: 100%;
 `
 
 export const LoginCard: React.FC = () => (
   <Wrapper>
     <LoginForm />
   </Wrapper>
-)
+)