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-26 14:46:05 +08:00
parent 78bdf73143
commit f6c0f30921
15 changed files with 67 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.tsx
View File

@@ -4,10 +4,10 @@ import { I18nProvider } from "./i18n";
import { PublicLayout } from "./layouts/PublicLayout";
import { Home } from "./pages/Home";
import { Browse } from "./pages/Browse";
import { CategoryPage } from "./pages/CategoryPage";
import { SearchPage } from "./pages/SearchPage";
import { CategoryPage } from "./pages/Category";
import { SearchPage } from "./pages/Search";
import { PostRedirect } from "./pages/PostRedirect";
import { AboutPage } from "./pages/AboutPage";
import { AboutPage } from "./pages/About";
import { adminUiPrefix } from "./adminPaths";
import { AdminRouteTree } from "./adminRouteTree";
import { AdminRouterModeProvider } from "./adminRouterMode";
@@ -15,7 +15,7 @@ import { ImageLightboxProvider } from "./components/messageStream/overlays/Image
import { VideoPlayerProvider } from "./components/messageStream/overlays/VideoPlayer";
const WalletPage = lazy(() =>
import("./pages/WalletPage").then((module) => ({
import("./pages/Wallet").then((module) => ({
default: module.WalletPage,
})),
);

10
src/AppAdminOnly.tsx
View File

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

10
src/adminRouteTree.tsx
View File

@@ -1,11 +1,11 @@
import { Route } from "react-router-dom";
import { adminUiPrefix } from "./adminPaths";
import { AdminLayout } from "./layouts/AdminLayout";
import { AdminLogin } from "./pages/admin/AdminLogin";
import { AdminDashboard } from "./pages/admin/AdminDashboard";
import { AdminResources } from "./pages/admin/AdminResources";
import { AdminResourceForm } from "./pages/admin/AdminResourceForm";
import { AdminSearchLogs } from "./pages/admin/AdminSearchLogs";
import { AdminLogin } from "./pages/admin/Login";
import { AdminDashboard } from "./pages/admin/Dashboard";
import { AdminResources } from "./pages/admin/Resources";
import { AdminResourceForm } from "./pages/admin/ResourceForm";
import { AdminSearchLogs } from "./pages/admin/SearchLogs";
/** Shared between full `App` (when admin enabled) and `AppAdminOnly`. */
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() {
const { t } = useI18n();

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

@@ -1,5 +1,5 @@
import { MessageStream } from "../components/messageStream/MessageStream";
import { useI18n } from "../i18n";
import { MessageStream } from "../../components/messageStream/MessageStream";
import { useI18n } from "../../i18n";
export function Browse() {
const { t } = useI18n();

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

@@ -1,8 +1,8 @@
import { useEffect, useState } from "react";
import { useParams } from "react-router-dom";
import { getJSON, itemsOrEmpty, type Category } from "../api";
import { MessageStream } from "../components/messageStream/MessageStream";
import { langQuery, useI18n } from "../i18n";
import { getJSON, itemsOrEmpty, type Category } from "../../api";
import { MessageStream } from "../../components/messageStream/MessageStream";
import { langQuery, useI18n } from "../../i18n";
export function CategoryPage() {
const { slug = "" } = useParams();

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

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

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

@@ -1,10 +1,10 @@
import { useEffect } from "react";
import { useNavigate, useParams } from "react-router-dom";
import { getJSON } from "../api";
import { langQuery, useI18n } from "../i18n";
import { MOCK_POSTS } from "../mocks/mockPosts";
import { POST_STREAM_USES_MOCK } from "../components/messageStream/hooks/usePostStream";
import type { Post } from "../types/post";
import { getJSON } from "../../api";
import { langQuery, useI18n } from "../../i18n";
import { MOCK_POSTS } from "../../mocks/mockPosts";
import { POST_STREAM_USES_MOCK } from "../../components/messageStream/hooks/usePostStream";
import type { Post } from "../../types/post";
export function PostRedirect() {
const { id } = useParams();

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

@@ -1,15 +1,15 @@
import { useEffect, useMemo, useState } from "react";
import { useSearchParams } from "react-router-dom";
import { getJSON, itemsOrEmpty, postJSON } from "../api";
import { langQuery, useI18n } from "../i18n";
import { getJSON, itemsOrEmpty, postJSON } from "../../api";
import { langQuery, useI18n } from "../../i18n";
import {
LANG_OPTIONS,
languageLabel,
sourceLanguageQuery,
} from "../i18nLanguages";
import { MessageBubble } from "../components/messageStream/MessageBubble";
import { typeFilterLabel } from "../resourceTypeLabels";
import type { Post } from "../types/post";
} from "../../i18nLanguages";
import { MessageBubble } from "../../components/messageStream/MessageBubble";
import { typeFilterLabel } from "../../resourceTypeLabels";
import type { Post } from "../../types/post";
const types = [
"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 { WagmiProvider } from "wagmi";
import "@rainbow-me/rainbowkit/styles.css";
import { WalletLoginControls } from "../components/WalletLoginControls";
import { useI18n } from "../i18n";
import { wagmiConfig } from "../wagmiConfig";
import { WalletLoginControls } from "../../components/WalletLoginControls";
import { useI18n } from "../../i18n";
import { wagmiConfig } from "../../wagmiConfig";
export function WalletPage() {
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 { getJSONAuth } from "../../api";
import { getToken } from "../../admin/token";
import { useAdminT } from "../../admin/useAdminT";
import { getJSONAuth } from "../../../api";
import { getToken } from "../../../admin/token";
import { useAdminT } from "../../../admin/useAdminT";
type Dash = {
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 { useNavigate } from "react-router-dom";
import { postJSON } from "../../api";
import { setToken } from "../../admin/token";
import { useAdminT } from "../../admin/useAdminT";
import { useAdminRouterMode } from "../../adminRouterMode";
import { adminUiPrefix } from "../../adminPaths";
import { postJSON } from "../../../api";
import { setToken } from "../../../admin/token";
import { useAdminT } from "../../../admin/useAdminT";
import { useAdminRouterMode } from "../../../adminRouterMode";
import { adminUiPrefix } from "../../../adminPaths";
export function AdminLogin() {
const t = useAdminT();

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

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

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

@@ -6,12 +6,12 @@ import {
itemsOrEmpty,
type AdminResource,
type Category,
} from "../../api";
import { getToken } from "../../admin/token";
import { resourceTypeDisplay } from "../../resourceTypeLabels";
import { useAdminT } from "../../admin/useAdminT";
import { adminUiPrefix } from "../../adminPaths";
import { useAdminRouterMode } from "../../adminRouterMode";
} from "../../../api";
import { getToken } from "../../../admin/token";
import { resourceTypeDisplay } from "../../../resourceTypeLabels";
import { useAdminT } from "../../../admin/useAdminT";
import { adminUiPrefix } from "../../../adminPaths";
import { useAdminRouterMode } from "../../../adminRouterMode";
function statusLabel(t: (k: string) => string, s: string) {
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 { getJSONAuth } from "../../api";
import { getToken } from "../../admin/token";
import { useAdminT } from "../../admin/useAdminT";
import { getJSONAuth } from "../../../api";
import { getToken } from "../../../admin/token";
import { useAdminT } from "../../../admin/useAdminT";
type Row = { id: number; query: string; createdAt: string };