init commit

2025-05-06 20:44:33 +09:00
commit 91f0d54563
5567 changed files with 948185 additions and 0 deletions
--- a/frontend/linktree-frontend/src/app/auth/login/page.tsx
+++ b/frontend/linktree-frontend/src/app/auth/login/page.tsx
@@ -0,0 +1,95 @@
+// 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>
+  )
+}