new models, frontend functions, public pages

frontend/linktree-frontend/src/app/auth/login/page.tsx

@@ -1,95 +0,0 @@
-// src/app/auth/login/page.tsx
-'use client'
-
-import { useState, useEffect } from 'react'
-import { useForm } from 'react-hook-form'
-import { useRouter } from 'next/navigation'
-
-type FormData = { username: string; password: string }
-
-export default function LoginPage() {
-  const router = useRouter()
-  const { register, handleSubmit, formState: { errors, isSubmitting } } = useForm<FormData>()
-  const [apiError, setApiError] = useState<string | null>(null)
-
-  useEffect(() => {
-    if (typeof window !== 'undefined' && localStorage.getItem('token')) {
-      router.push('/dashboard')
-    }
-  }, [router])
-
-  async function onSubmit(data: FormData) {
-    setApiError(null)
-    try {
-      const res = await fetch(
-        `${process.env.NEXT_PUBLIC_API_URL}/api/auth/login/`,
-        {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(data),
-        }
-      )
-      if (!res.ok) {
-        const json = await res.json()
-        setApiError(json.detail || 'Ошибка входа')
-        return
-      }
-      const { access } = await res.json()
-      localStorage.setItem('token', access)
-      router.push('/dashboard')
-    } catch {
-      setApiError('Сетевая ошибка')
-    }
-  }
-
-  return (
-    <div className="d-flex align-items-center justify-content-center" style={{ height: '100vh' }}>
-      <div className="card shadow-lg border-0" style={{ maxWidth: 800, width: '100%' }}>
-        <div className="row g-0">
-          <div className="col-lg-6 d-none d-lg-flex" style={{
-            backgroundImage: "url('/assets/img/durvill_logo.jpg')",
-            backgroundSize: 'cover',
-            backgroundPosition: 'center'
-          }} />
-          <div className="col-lg-6">
-            <div className="p-5">
-              <h4 className="text-center mb-4">Welcome back!</h4>
-              {apiError && <p className="text-danger text-center">{apiError}</p>}
-              <form onSubmit={handleSubmit(onSubmit)}>
-                <div className="mb-3">
-                  <input
-                    type="text"
-                    placeholder="Enter Username..."
-                    className={`form-control ${errors.username ? 'is-invalid' : ''}`}
-                    {...register('username', { required: 'Введите имя пользователя' })}
-                  />
-                  {errors.username && <div className="invalid-feedback">{errors.username.message}</div>}
-                </div>
-                <div className="mb-3">
-                  <input
-                    type="password"
-                    placeholder="Password"
-                    className={`form-control ${errors.password ? 'is-invalid' : ''}`}
-                    {...register('password', { required: 'Введите пароль' })}
-                  />
-                  {errors.password && <div className="invalid-feedback">{errors.password.message}</div>}
-                </div>
-                <button
-                  type="submit"
-                  disabled={isSubmitting}
-                  className="btn btn-primary w-100"
-                  style={{ background: '#01703E' }}
-                >
-                  {isSubmitting ? 'Вхожу...' : 'Login'}
-                </button>
-              </form>
-              <div className="text-center mt-3">
-                <a href="#" className="small text-decoration-none">Forgot Password?</a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}