terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: organize pages into folders

Browse Source
This commit is contained in:
TerryM
2026-05-20 11:33:43 +08:00
parent e6bc212c4e
commit 353b387fbf
18 changed files with 79 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -72,8 +72,8 @@ src/
adminRouteTree.tsx # admin routes adminRouteTree.tsx # admin routes
components/ # reusable public components components/ # reusable public components
layouts/ # public/admin layout shells layouts/ # public/admin layout shells
pages/ # public pages pages/ # public pages; one folder per page, e.g. Home/index.tsx
pages/admin/ # admin pages pages/admin/ # admin pages; one folder per page, e.g. Resources/index.tsx
utils/ # formatting/display helpers utils/ # formatting/display helpers
``` ```

4
docs/workflow.md
View File

@@ -27,8 +27,8 @@ git pull --ff-only origin main
Use the existing structure: Use the existing structure:
- Public pages: `src/pages/` - Public pages: `src/pages/<PageName>/index.tsx`
- Admin pages: `src/pages/admin/` - Admin pages: `src/pages/admin/<PageName>/index.tsx`
- Shared components: `src/components/` - Shared components: `src/components/`
- API helpers/types: `src/api.ts` - API helpers/types: `src/api.ts`
- Translations/copy: `src/i18n.tsx` - Translations/copy: `src/i18n.tsx`

10
src/App.tsx
View File

@@ -4,17 +4,17 @@ import { I18nProvider } from "./i18n";
import { PublicLayout } from "./layouts/PublicLayout"; import { PublicLayout } from "./layouts/PublicLayout";
import { Home } from "./pages/Home"; import { Home } from "./pages/Home";
import { Browse } from "./pages/Browse"; import { Browse } from "./pages/Browse";
import { CategoryPage } from "./pages/CategoryPage"; import { CategoryPage } from "./pages/Category";
import { SearchPage } from "./pages/SearchPage"; import { SearchPage } from "./pages/Search";
import { FavoritesPage } from "./pages/FavoritesPage"; import { FavoritesPage } from "./pages/Favorites";
import { ResourceDetail } from "./pages/ResourceDetail"; import { ResourceDetail } from "./pages/ResourceDetail";
import { AboutPage } from "./pages/AboutPage"; import { AboutPage } from "./pages/About";
import { adminUiPrefix } from "./adminPaths"; import { adminUiPrefix } from "./adminPaths";
import { AdminRouteTree } from "./adminRouteTree"; import { AdminRouteTree } from "./adminRouteTree";
import { AdminRouterModeProvider } from "./adminRouterMode"; import { AdminRouterModeProvider } from "./adminRouterMode";
const WalletPage = lazy(() => const WalletPage = lazy(() =>
import("./pages/WalletPage").then((module) => ({ import("./pages/Wallet").then((module) => ({
default: module.WalletPage, default: module.WalletPage,
})), })),
); );

10
src/AppAdminOnly.tsx
View File

@@ -3,11 +3,11 @@ import { I18nProvider } from "./i18n";
import { adminUiPrefix } from "./adminPaths"; import { adminUiPrefix } from "./adminPaths";
import { AdminRouterModeProvider } from "./adminRouterMode"; import { AdminRouterModeProvider } from "./adminRouterMode";
import { AdminLayout } from "./layouts/AdminLayout"; import { AdminLayout } from "./layouts/AdminLayout";
import { AdminLogin } from "./pages/admin/AdminLogin"; import { AdminLogin } from "./pages/admin/Login";
import { AdminDashboard } from "./pages/admin/AdminDashboard"; import { AdminDashboard } from "./pages/admin/Dashboard";
import { AdminResources } from "./pages/admin/AdminResources"; import { AdminResources } from "./pages/admin/Resources";
import { AdminResourceForm } from "./pages/admin/AdminResourceForm"; import { AdminResourceForm } from "./pages/admin/ResourceForm";
import { AdminSearchLogs } from "./pages/admin/AdminSearchLogs"; import { AdminSearchLogs } from "./pages/admin/SearchLogs";
function NotFound() { function NotFound() {
return ( return (

10
src/adminRouteTree.tsx
View File

@@ -1,11 +1,11 @@
import { Route } from "react-router-dom"; import { Route } from "react-router-dom";
import { adminUiPrefix } from "./adminPaths"; import { adminUiPrefix } from "./adminPaths";
import { AdminLayout } from "./layouts/AdminLayout"; import { AdminLayout } from "./layouts/AdminLayout";
import { AdminLogin } from "./pages/admin/AdminLogin"; import { AdminLogin } from "./pages/admin/Login";
import { AdminDashboard } from "./pages/admin/AdminDashboard"; import { AdminDashboard } from "./pages/admin/Dashboard";
import { AdminResources } from "./pages/admin/AdminResources"; import { AdminResources } from "./pages/admin/Resources";
import { AdminResourceForm } from "./pages/admin/AdminResourceForm"; import { AdminResourceForm } from "./pages/admin/ResourceForm";
import { AdminSearchLogs } from "./pages/admin/AdminSearchLogs"; import { AdminSearchLogs } from "./pages/admin/SearchLogs";
/** Shared between full `App` (when admin enabled) and `AppAdminOnly`. */ /** Shared between full `App` (when admin enabled) and `AppAdminOnly`. */
export function AdminRouteTree() { export function AdminRouteTree() {

2
src/pages/AboutPage.tsx → src/pages/About/index.tsx
View File

@@ -1,4 +1,4 @@
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
export function AboutPage() { export function AboutPage() {
const { t } = useI18n(); const { t } = useI18n();

10
src/pages/Browse.tsx → src/pages/Browse/index.tsx
View File

@@ -1,10 +1,10 @@
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import { useSearchParams } from "react-router-dom"; import { useSearchParams } from "react-router-dom";
import { getJSON, itemsOrEmpty, type Resource } from "../api"; import { getJSON, itemsOrEmpty, type Resource } from "../../api";
import { ResourceCard } from "../components/ResourceCard"; import { ResourceCard } from "../../components/ResourceCard";
import { ResourceListFooter } from "../components/ResourceListFooter"; import { ResourceListFooter } from "../../components/ResourceListFooter";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
import { typeFilterLabel } from "../resourceTypeLabels"; import { typeFilterLabel } from "../../resourceTypeLabels";
const types = [ const types = [
"all", "all",

10
src/pages/CategoryPage.tsx → src/pages/Category/index.tsx
View File

@@ -1,10 +1,10 @@
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import { useParams, useSearchParams } from "react-router-dom"; import { useParams, useSearchParams } from "react-router-dom";
import { getJSON, itemsOrEmpty, type Category, type Resource } from "../api"; import { getJSON, itemsOrEmpty, type Category, type Resource } from "../../api";
import { ResourceCard } from "../components/ResourceCard"; import { ResourceCard } from "../../components/ResourceCard";
import { ResourceListFooter } from "../components/ResourceListFooter"; import { ResourceListFooter } from "../../components/ResourceListFooter";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
import { typeFilterLabel } from "../resourceTypeLabels"; import { typeFilterLabel } from "../../resourceTypeLabels";
const TYPE_FILTERS = [ const TYPE_FILTERS = [
"all", "all",

8
src/pages/FavoritesPage.tsx → src/pages/Favorites/index.tsx
View File

@@ -1,8 +1,8 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { getJSON, type Resource } from "../api"; import { getJSON, type Resource } from "../../api";
import { ResourceCard } from "../components/ResourceCard"; import { ResourceCard } from "../../components/ResourceCard";
import { readFavorites } from "../favorites"; import { readFavorites } from "../../favorites";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
export function FavoritesPage() { export function FavoritesPage() {
const { t, lang } = useI18n(); const { t, lang } = useI18n();

16
src/pages/Home.tsx → src/pages/Home/index.tsx
View File

@@ -1,17 +1,17 @@
import { ChevronRight } from "lucide-react"; import { ChevronRight } from "lucide-react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import { getJSON, itemsOrEmpty, type Category, type Resource } from "../api"; import { getJSON, itemsOrEmpty, type Category, type Resource } from "../../api";
import { CategoryIcon } from "../components/CategoryIcon"; import { CategoryIcon } from "../../components/CategoryIcon";
import { FigmaBanner } from "../components/FigmaBanner"; import { FigmaBanner } from "../../components/FigmaBanner";
import { import {
ComingSoonLatestUpdateRow, ComingSoonLatestUpdateRow,
LatestUpdateRow, LatestUpdateRow,
} from "../components/LatestUpdateRow"; } from "../../components/LatestUpdateRow";
import { RecommendedCard } from "../components/RecommendedCard"; import { RecommendedCard } from "../../components/RecommendedCard";
import { SectionHeader } from "../components/SectionHeader"; import { SectionHeader } from "../../components/SectionHeader";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
import { categoryCardLines } from "../utils/categoryDisplay"; import { categoryCardLines } from "../../utils/categoryDisplay";
export function Home() { export function Home() {
const { t, lang } = useI18n(); const { t, lang } = useI18n();

12
src/pages/ResourceDetail.tsx → src/pages/ResourceDetail/index.tsx
View File

@@ -8,15 +8,15 @@ import {
postJSON, postJSON,
postFavoriteDelta, postFavoriteDelta,
type Resource, type Resource,
} from "../api"; } from "../../api";
import { import {
resourceLanguageLabel, resourceLanguageLabel,
resourceTypeLabel, resourceTypeLabel,
} from "../resourceTypeLabels"; } from "../../resourceTypeLabels";
import { ResourceCard } from "../components/ResourceCard"; import { ResourceCard } from "../../components/ResourceCard";
import { isFavorite, toggleFavorite } from "../favorites"; import { isFavorite, toggleFavorite } from "../../favorites";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
import { isLikelyVideoPath } from "../video"; import { isLikelyVideoPath } from "../../video";
export function ResourceDetail() { export function ResourceDetail() {
const { id } = useParams(); const { id } = useParams();

10
src/pages/SearchPage.tsx → src/pages/Search/index.tsx
View File

@@ -1,10 +1,10 @@
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import { useSearchParams } from "react-router-dom"; import { useSearchParams } from "react-router-dom";
import { getJSON, itemsOrEmpty, postJSON, type Resource } from "../api"; import { getJSON, itemsOrEmpty, postJSON, type Resource } from "../../api";
import { ResourceCard } from "../components/ResourceCard"; import { ResourceCard } from "../../components/ResourceCard";
import { ResourceListFooter } from "../components/ResourceListFooter"; import { ResourceListFooter } from "../../components/ResourceListFooter";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
import { typeFilterLabel } from "../resourceTypeLabels"; import { typeFilterLabel } from "../../resourceTypeLabels";
const types = [ const types = [
"all", "all",

6
src/pages/WalletPage.tsx → src/pages/Wallet/index.tsx
View File

@@ -1,9 +1,9 @@
import { RainbowKitProvider, darkTheme } from "@rainbow-me/rainbowkit"; import { RainbowKitProvider, darkTheme } from "@rainbow-me/rainbowkit";
import { WagmiProvider } from "wagmi"; import { WagmiProvider } from "wagmi";
import "@rainbow-me/rainbowkit/styles.css"; import "@rainbow-me/rainbowkit/styles.css";
import { WalletLoginControls } from "../components/WalletLoginControls"; import { WalletLoginControls } from "../../components/WalletLoginControls";
import { useI18n } from "../i18n"; import { useI18n } from "../../i18n";
import { wagmiConfig } from "../wagmiConfig"; import { wagmiConfig } from "../../wagmiConfig";
export function WalletPage() { export function WalletPage() {
const { t } = useI18n(); const { t } = useI18n();

6
src/pages/admin/AdminDashboard.tsx → src/pages/admin/Dashboard/index.tsx
View File

@@ -1,7 +1,7 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { getJSONAuth } from "../../api"; import { getJSONAuth } from "../../../api";
import { getToken } from "../../admin/token"; import { getToken } from "../../../admin/token";
import { useAdminT } from "../../admin/useAdminT"; import { useAdminT } from "../../../admin/useAdminT";
type Dash = { type Dash = {
totalResources: number; totalResources: number;

10
src/pages/admin/AdminLogin.tsx → src/pages/admin/Login/index.tsx
View File

@@ -1,10 +1,10 @@
import { useState } from "react"; import { useState } from "react";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { postJSON } from "../../api"; import { postJSON } from "../../../api";
import { setToken } from "../../admin/token"; import { setToken } from "../../../admin/token";
import { useAdminT } from "../../admin/useAdminT"; import { useAdminT } from "../../../admin/useAdminT";
import { useAdminRouterMode } from "../../adminRouterMode"; import { useAdminRouterMode } from "../../../adminRouterMode";
import { adminUiPrefix } from "../../adminPaths"; import { adminUiPrefix } from "../../../adminPaths";
export function AdminLogin() { export function AdminLogin() {
const t = useAdminT(); const t = useAdminT();

12
src/pages/admin/AdminResourceForm.tsx → src/pages/admin/ResourceForm/index.tsx
View File

@@ -7,12 +7,12 @@ import {
putJSON, putJSON,
uploadFile, uploadFile,
type Category, type Category,
} from "../../api"; } from "../../../api";
import { getToken } from "../../admin/token"; import { getToken } from "../../../admin/token";
import { useAdminT } from "../../admin/useAdminT"; import { useAdminT } from "../../../admin/useAdminT";
import { resourceTypeDisplay } from "../../resourceTypeLabels"; import { resourceTypeDisplay } from "../../../resourceTypeLabels";
import { adminUiPrefix } from "../../adminPaths"; import { adminUiPrefix } from "../../../adminPaths";
import { useAdminRouterMode } from "../../adminRouterMode"; import { useAdminRouterMode } from "../../../adminRouterMode";
const types = [ const types = [
"image", "image",

12
src/pages/admin/AdminResources.tsx → src/pages/admin/Resources/index.tsx
View File

@@ -6,12 +6,12 @@ import {
itemsOrEmpty, itemsOrEmpty,
type AdminResource, type AdminResource,
type Category, type Category,
} from "../../api"; } from "../../../api";
import { getToken } from "../../admin/token"; import { getToken } from "../../../admin/token";
import { resourceTypeDisplay } from "../../resourceTypeLabels"; import { resourceTypeDisplay } from "../../../resourceTypeLabels";
import { useAdminT } from "../../admin/useAdminT"; import { useAdminT } from "../../../admin/useAdminT";
import { adminUiPrefix } from "../../adminPaths"; import { adminUiPrefix } from "../../../adminPaths";
import { useAdminRouterMode } from "../../adminRouterMode"; import { useAdminRouterMode } from "../../../adminRouterMode";
function statusLabel(t: (k: string) => string, s: string) { function statusLabel(t: (k: string) => string, s: string) {
if (s === "published") return t("published"); if (s === "published") return t("published");

6
src/pages/admin/AdminSearchLogs.tsx → src/pages/admin/SearchLogs/index.tsx
View File

@@ -1,7 +1,7 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { getJSONAuth } from "../../api"; import { getJSONAuth } from "../../../api";
import { getToken } from "../../admin/token"; import { getToken } from "../../../admin/token";
import { useAdminT } from "../../admin/useAdminT"; import { useAdminT } from "../../../admin/useAdminT";
type Row = { id: number; query: string; createdAt: string }; type Row = { id: number; query: string; createdAt: string };