+
+
+
+
+
+
+
-
- )
- }
-
- return (
-
-
-
- Loading migrants data...
-
- {/* Sidebar */}
-
- )
-}
diff --git a/src/components/admin/AddMigrant.tsx b/src/components/admin/AddMigrant.tsx
new file mode 100644
index 0000000..e5f26db
--- /dev/null
+++ b/src/components/admin/AddMigrant.tsx
@@ -0,0 +1,126 @@
+"use client"
+
+import { useState } from "react";
+import { ArrowLeft, Save } from "lucide-react";
+import { Link } from "react-router-dom";
+import apiService from "@/services/apiService";
+import { Button } from "@/components/ui/button";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+
+import Header from "../layout/Header";
+import Sidebar from "../layout/Sidebar";
+import { PersonalInfoTab } from "./migrant/PersonalInfoTab";
+import { MigrationDetailsTab } from "./migrant/MigrationDetailsTab";
+import { LocationsTab } from "./migrant/LocationsTab";
+import { InterneeDetailsTab } from "./migrant/InterneeDetailsTab";
+import { PhotosTab } from "./migrant/PhotosTab";
+import { NotesTab } from "./migrant/NotesTab";
+
+export default function AddUserPage() {
+ const [formData, setFormData] = useState({
+ surname: "",
+ christian_name: "",
+ full_name: "",
+ date_of_birth: "",
+ date_of_death: "",
+ place_of_birth: "",
+ home_at_death: "",
+ occupation: "",
+ names_of_parents: "",
+ names_of_children: "",
+ data_source: "",
+ reference: "",
+ cav: "",
+ id_card_no: "",
+ date_of_arrival_australia: "",
+ date_of_arrival_nt: "",
+ date_of_naturalisation: "",
+ corps_issued: "",
+ no_of_cert: "",
+ issued_at: "",
+ });
+
+ const handleInputChange = (e: React.ChangeEvent
-
-
- {/* Main content */}
-
-
-
-
-
- {/* Add this to the bottom user section in the sidebar */}
- Italian Migrants
-Northern Territory DB
-
-
-
-
- {/* Header */}
-
-
-
-
- {/* Migrants Management content */}
-
-
- Admin Portal
-Northern Territory
-
-
-
-
-
-
-
- {/* Migrants Database */}
-
-
-
- Migrants Management
-Manage and organize migrant records
-
-
-
-
-
- {/* Search and filters */}
- Migrants Database
-
-
-
- {/* Table */}
-
-
-
-
-
-
-
- Arrival Date:
- setArrivalDateMin(e.target.value)}
- className="border border-gray-300 rounded-md px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-[#01796F] focus:border-[#01796F] w-32"
- />
- to
- setArrivalDateMax(e.target.value)}
- className="border border-gray-300 rounded-md px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-[#01796F] focus:border-[#01796F] w-32"
- />
-
-
-
-
-
- Show:
-
-
-
-
-
-
-
-
-
-
-
- {/* Pagination */}
- |
-
- 0}
- onChange={handleSelectAll}
- />
-
- |
- - ID - | -
-
- Name
-
- |
- - Birth Date - | -- Arrival Date - | -- Origin - | -- Status - | -- Photos - | -- Actions - | -
|---|---|---|---|---|---|---|---|---|
| - handleSelectMigrant(migrant.id)} - /> - | -{migrant.id} | -
-
-
-
-
-
- {migrant.name}
- |
- {migrant.birthDate} | -{migrant.arrivalDate} | -{migrant.origin} | -- - {migrant.status} - - | -{migrant.photos} | -
-
- {activeDropdown === migrant.id && (
-
-
-
-
-
- )}
- |
-
-
-
-
-
-
-
-
-
-
- - Showing 1 to{" "} - {filteredMigrants.length} of{" "} - {filteredMigrants.length} results -
-
-
-
-
+
+ );
+}
diff --git a/src/components/admin/AdminDashboard.tsx b/src/components/admin/AdminDashboard.tsx
new file mode 100644
index 0000000..63919d7
--- /dev/null
+++ b/src/components/admin/AdminDashboard.tsx
@@ -0,0 +1,172 @@
+import { useState } from "react";
+import {
+ BarChart3,
+ Calendar,
+ Clock,
+ Database,
+ FileText,
+ PlusCircle,
+ Search,
+ User,
+ Users,
+} from "lucide-react";
+import { Link } from "react-router-dom";
+
+import { Button } from "@/components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import {
+ Tabs,
+ TabsContent,
+ TabsList,
+ TabsTrigger,
+} from "@/components/ui/tabs";
+
+import Header from "../layout/Header";
+import Sidebar from "../layout/Sidebar";
+import RecentActivityList from "../common/RecentActivity";
+import StatCard from "../common/StatCard";
+
+export default function DashboardPage() {
+ const [searchQuery, setSearchQuery] = useState("");
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/LoginPage.tsx b/src/components/admin/LoginPage.tsx
similarity index 93%
rename from src/components/LoginPage.tsx
rename to src/components/admin/LoginPage.tsx
index 320d941..055406b 100644
--- a/src/components/LoginPage.tsx
+++ b/src/components/admin/LoginPage.tsx
@@ -7,6 +7,7 @@ import { motion } from "framer-motion"
import { useNavigate } from "react-router-dom"
import { Eye, EyeOff, Lock, Mail } from "lucide-react"
import { Link } from "react-router-dom";
+import apiService from "@/services/apiService"
export default function LoginPage() {
const [email, setEmail] = useState("")
@@ -23,19 +24,20 @@ export default function LoginPage() {
// Simulate API call for authentication
try {
- // In a real application, this would be an API call to your Laravel backend
- await new Promise((resolve) => setTimeout(resolve, 1500))
-
- // For demo purposes, hardcoded check
- if (email === "admin@example.com" && password === "password") {
- // Store token in localStorage or cookies
- localStorage.setItem("adminToken", "demo-token-12345")
- navigate("/admin")
+ const response = await apiService.login({
+ email,
+ password,
+ })
+ console.log("Response:", response.data)
+ alert("Login successful!")
+ navigate("/admin")
+ } catch (error: any) {
+ console.error("Error submitting form:", error)
+ if (error.response && error.response.data && error.response.data.message) {
+ setError(error.response.data.message)
} else {
- setError("Invalid email or password")
+ setError("Login failed. Please check your input and try again.")
}
- } catch (err) {
- setError("Authentication failed. Please try again.")
} finally {
setIsLoading(false)
}
diff --git a/src/components/admin/Migrants.tsx b/src/components/admin/Migrants.tsx
new file mode 100644
index 0000000..d4ef695
--- /dev/null
+++ b/src/components/admin/Migrants.tsx
@@ -0,0 +1,245 @@
+"use client"
+
+import { useState } from "react"
+import { ArrowUpDown, Download, Filter, MoreHorizontal, PlusCircle, Search, Trash2, Upload } from "lucide-react"
+import {Link} from "react-router-dom"
+
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Checkbox } from "@/components/ui/checkbox"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { Input } from "@/components/ui/input"
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+
+import Header from "@/components/layout/Header"
+import Sidebar from "@/components/layout/Sidebar"
+
+// Sample data for migrants
+const migrants = [
+ {
+ id: 1,
+ name: "Marco Rossi",
+ birthDate: "1935-05-12",
+ birthPlace: "Rome, Italy",
+ arrivalDate: "1952-08-23",
+ occupation: "Carpenter",
+ hasPhotos: true,
+ },
+ {
+ id: 2,
+ name: "Sofia Bianchi",
+ birthDate: "1942-11-03",
+ birthPlace: "Naples, Italy",
+ arrivalDate: "1960-02-15",
+ occupation: "Seamstress",
+ hasPhotos: true,
+ },
+ {
+ id: 3,
+ name: "Antonio Esposito",
+ birthDate: "1928-07-22",
+ birthPlace: "Milan, Italy",
+ arrivalDate: "1950-10-05",
+ occupation: "Farmer",
+ hasPhotos: false,
+ },
+ {
+ id: 4,
+ name: "Lucia Romano",
+ birthDate: "1940-03-18",
+ birthPlace: "Florence, Italy",
+ arrivalDate: "1958-06-30",
+ occupation: "Teacher",
+ hasPhotos: true,
+ },
+ {
+ id: 5,
+ name: "Giuseppe Colombo",
+ birthDate: "1932-09-08",
+ birthPlace: "Venice, Italy",
+ arrivalDate: "1955-12-10",
+ occupation: "Fisherman",
+ hasPhotos: false,
+ },
+]
+
+export default function MigrantsPage() {
+ const [searchQuery, setSearchQuery] = useState("")
+ const [selectedMigrants, setSelectedMigrants] = useState
+
+
+
+
+
+
+ + Welcome, Admin +
++ Here's an overview of your Italian Migrants Database +
+
+
+
+
+
+
+ Quick Search
+ Find migrant records quickly
+
+
+
+
+
+
+
+ Migration Trends
+ Yearly migration patterns
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {[35, 45, 20, 30, 75, 60, 40, 80, 90, 50].map((height, i) => (
+
+
+
+ ))}
+
+ {1950 + i * 5}: {height} migrants
+
+
+ {1950 + i * 5}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Recent Activity
+ Pending Reviews
+
+
+
+
+
+
+
+ No Pending Reviews
+All migrant records have been reviewed.
+
+
+ )
+}
diff --git a/src/components/admin/Register.tsx b/src/components/admin/Register.tsx
new file mode 100644
index 0000000..217f399
--- /dev/null
+++ b/src/components/admin/Register.tsx
@@ -0,0 +1,231 @@
+"use client"
+
+import { useState } from "react"
+import { motion } from "framer-motion"
+import { Eye, EyeOff, Lock, Mail } from "lucide-react"
+import { Link, useNavigate } from "react-router-dom"
+import apiService from "@/services/apiService"
+
+export default function SimpleForm() {
+ const [error, setError] = useState("")
+ const [showPassword, setShowPassword] = useState(false)
+ const [isLoading, setIsLoading] = useState(false)
+
+ const [email, setEmail] = useState("")
+ const [password, setPassword] = useState("")
+ const [name, setName] = useState("")
+
+ const navigate = useNavigate()
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setIsLoading(true)
+ setError("")
+
+ try {
+ const response = await apiService.register({
+ name,
+ email,
+ password,
+ })
+
+ console.log("Response:", response.data)
+ alert("Registration successful!")
+ setName("")
+ setEmail("")
+ setPassword("")
+ } catch (error: any) {
+ console.error("Error submitting form:", error)
+ if (error.response && error.response.data && error.response.data.message) {
+ setError(error.response.data.message)
+ } else {
+ setError("Registration failed. Please check your input and try again.")
+ }
+ } finally {
+ setIsLoading(false)
+ navigate("/login")
+ }
+ }
+
+ return (
+
+
+
+
+ Search & Filter
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Migrants Database
+ + + +
+
+
+
+
+
+
+
+
+ {selectedMigrants.length > 0 && (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {error && (
+
+ {error}
+
+ )}
+
+
+
+
+
+
+
+ © {new Date().getFullYear()} Northern Territory Italian Migration History Project
+
+
+ )
+}
diff --git a/src/components/admin/migrant/InterneeDetailsTab.tsx b/src/components/admin/migrant/InterneeDetailsTab.tsx
new file mode 100644
index 0000000..4980fcb
--- /dev/null
+++ b/src/components/admin/migrant/InterneeDetailsTab.tsx
@@ -0,0 +1,41 @@
+// InterneeDetailsTab.jsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+
+export function InterneeDetailsTab() {
+ return (
+
+
+
+
+
+
+
+
+ Admin Access
++ Northern Territory Italian Migration History +
+
+
+ or
+
+
+
+
+
+ Return to public site
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Migration Details
+ Information about the migration journey
+
+
+
+
+
+
+
+ Additional Migration Info
+ More details about migration history
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/admin/migrant/NotesTab.tsx b/src/components/admin/migrant/NotesTab.tsx
new file mode 100644
index 0000000..73a67d1
--- /dev/null
+++ b/src/components/admin/migrant/NotesTab.tsx
@@ -0,0 +1,25 @@
+// NotesTab.jsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+
+export function NotesTab() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Basic Information
+ Enter the migrant's personal details
+
+
+
+
+
+
+
+ Family Information
+ Information about family members
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/admin/migrant/PhotosTab.tsx b/src/components/admin/migrant/PhotosTab.tsx
new file mode 100644
index 0000000..e13bcf3
--- /dev/null
+++ b/src/components/admin/migrant/PhotosTab.tsx
@@ -0,0 +1,107 @@
+// PhotosTab.jsx
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Label } from "@/components/ui/label";
+import { ImageIcon, Upload, X } from "lucide-react";
+import { useState } from "react";
+
+export function PhotosTab() {
+ const [photos, setPhotos] = useState
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {photos.length > 0 ? (
+
+
+
+ ) : (
+
+ {photos.map((photo, index) => (
+
+
+ 
+
+ ))}
+
+
+
+ {mainPhotoIndex === index ? (
+ Main Photo
+ ) : (
+
+ )}
+
+
+
+
+ )}
+ No photos uploaded
++ Upload photos of the migrant or related documents +
+{value}
+
+ {activities.map((activity) => (
+
+ )
+}
diff --git a/src/components/HeroSection.tsx b/src/components/home/HeroSection.tsx
similarity index 100%
rename from src/components/HeroSection.tsx
rename to src/components/home/HeroSection.tsx
diff --git a/src/components/HistoricalContext.tsx b/src/components/home/HistoricalContext.tsx
similarity index 98%
rename from src/components/HistoricalContext.tsx
rename to src/components/home/HistoricalContext.tsx
index c56fc6c..4133d75 100644
--- a/src/components/HistoricalContext.tsx
+++ b/src/components/home/HistoricalContext.tsx
@@ -1,4 +1,4 @@
-import { Card, CardContent } from "./ui/card";
+import { Card, CardContent } from "@/components/ui/card";
interface HistoricalContextProps {
year: number;
diff --git a/src/components/IntroSection.tsx b/src/components/home/IntroSection.tsx
similarity index 100%
rename from src/components/IntroSection.tsx
rename to src/components/home/IntroSection.tsx
diff --git a/src/components/MigrantProfileComponent.tsx b/src/components/home/MigrantProfileComponent.tsx
similarity index 97%
rename from src/components/MigrantProfileComponent.tsx
rename to src/components/home/MigrantProfileComponent.tsx
index bbf08af..ad76170 100644
--- a/src/components/MigrantProfileComponent.tsx
+++ b/src/components/home/MigrantProfileComponent.tsx
@@ -5,9 +5,9 @@ import { Link } from "react-router-dom";
import { ArrowLeft } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
-import PhotoGallery from "@/components/PhotoGallery";
-import RelatedMigrants from "@/components/RelatedMigrants";
-import HistoricalContext from "@/components/HistoricalContext";
+import PhotoGallery from "@/components/home/PhotoGallery";
+import RelatedMigrants from "@/components/home/RelatedMigrants";
+import HistoricalContext from "@/components/home/HistoricalContext";
import AnimatedImage from "@/components/ui/animated-image";
import type { MigrantProfile as MigrantProfileType } from "@/types/migrant";
diff --git a/src/components/PhotoGallery.tsx b/src/components/home/PhotoGallery.tsx
similarity index 100%
rename from src/components/PhotoGallery.tsx
rename to src/components/home/PhotoGallery.tsx
diff --git a/src/components/RelatedMigrants.tsx b/src/components/home/RelatedMigrants.tsx
similarity index 91%
rename from src/components/RelatedMigrants.tsx
rename to src/components/home/RelatedMigrants.tsx
index a8b8c46..7cd3118 100644
--- a/src/components/RelatedMigrants.tsx
+++ b/src/components/home/RelatedMigrants.tsx
@@ -1,8 +1,8 @@
import { Link } from "react-router-dom";
-import type { RelatedMigrant } from "../types/migrant";
-import { Card, CardContent } from "./ui/card";
+import type { RelatedMigrant } from "@/types/migrant";
+import { Card, CardContent } from "@/components/ui/card";
import { motion } from "framer-motion";
-import AnimatedImage from "./ui/animated-image";
+import AnimatedImage from "@/components/ui/animated-image";
interface RelatedMigrantsProps {
migrants: RelatedMigrant[];
diff --git a/src/components/SearchForm.tsx b/src/components/home/SearchForm.tsx
similarity index 100%
rename from src/components/SearchForm.tsx
rename to src/components/home/SearchForm.tsx
diff --git a/src/components/SearchResults.tsx b/src/components/home/SearchResults.tsx
similarity index 100%
rename from src/components/SearchResults.tsx
rename to src/components/home/SearchResults.tsx
diff --git a/src/components/SearchSection.tsx b/src/components/home/SearchSection.tsx
similarity index 96%
rename from src/components/SearchSection.tsx
rename to src/components/home/SearchSection.tsx
index 2281faf..2512ba9 100644
--- a/src/components/SearchSection.tsx
+++ b/src/components/home/SearchSection.tsx
@@ -3,8 +3,8 @@
import { useState } from "react";
import SearchForm from "./SearchForm";
import SearchResults from "./SearchResults";
-import type { SearchParams, SearchResult } from "../types/search";
-import apiService from "../services/apiService";
+import type { SearchParams, SearchResult } from "@/types/search";
+import apiService from "@/services/apiService";
import { Loader2 } from "lucide-react";
const SearchSection = () => {
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
new file mode 100644
index 0000000..dd85adb
--- /dev/null
+++ b/src/components/layout/Header.tsx
@@ -0,0 +1,40 @@
+import { Bell, HelpCircle, User } from "lucide-react"
+
+import { Button } from "@/components/ui/button"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+
+interface HeaderProps {
+ title: string
+}
+
+export default function Header({ title }: HeaderProps) {
+ return (
+
+
+ ))}
+
+
+
+
+ + {activity.user} {activity.action}{" "} + {activity.subject} +
+{activity.timestamp}
+{title}
+ +
+
+
+
+
+
+
+
+
+
+ Profile
+ Settings
+ Logout
+
+
+
+
+
+ )
+}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..defeb01
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,30 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { CheckIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Checkbox({
+ className,
+ ...props
+}: React.ComponentProps
+
+
+ {!collapsed && (
+
+
+
+
+
+
+ )}
+ {collapsed && (
+
+ NT
+
+ Italian Migrants
+
+ NT
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+ return (
+
+ )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+ return (
+
+ )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+ return (
+ tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+ return (
+