);
-}
-
-Index.pageLayout = defaultLayout;
-
-export default Index;
+}
\ No newline at end of file
diff --git a/src/app/dashboard/community-guardian/page.tsx b/src/app/dashboard/community-guardian/page.tsx
new file mode 100644
index 00000000..2e1e9d62
--- /dev/null
+++ b/src/app/dashboard/community-guardian/page.tsx
@@ -0,0 +1,62 @@
+'use client'
+
+import { useRouter } from "next/navigation"
+import { FaDiscord, FaTelegram } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6"
+
+import { MODULE_CONTEXT } from "@/constants/ModuleContext"
+
+export default function CommunityGuardianPage() {
+ const router = useRouter()
+
+ // TODO: rename to community-guardian
+ const data = MODULE_CONTEXT.find(module => module.name === 'violationDetection')
+
+ if (!data || data === undefined) {
+ router.push('/dashboard')
+ }
+
+ return (
+
+
+ {data &&
{data?.title}
+
+
+ Neutral, AI-powered Code of Conduct enforcement for safer, healthier communities.
+
+
+
+
+
Community Guardian helps maintain respectful and inclusive conversations by detecting potential Code of Conduct violations and flagging them early.
+
+
This module is currently in beta and access is limited.
+
+
We're working with selected communities to fine-tune detection, alerts, and recommendations. If you're interested in early access or want to learn more, reach out to us on:
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
new file mode 100644
index 00000000..182ea9c1
--- /dev/null
+++ b/src/app/dashboard/layout.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+import ProtectedRoute from "@/components/auth/ProtectedRoute";
+import Breadcrumbs from "@/components/layouts/Breadcrumbs";
+import DashboardLayout from "@/components/layouts/DashboardLayout";
+
+import { TokenProvider } from "@/context/TokenContext";
+
+const queryClient = new QueryClient();
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+
+
+ return (
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 00000000..3a042d85
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+import { FaHome } from "react-icons/fa";
+
+import SEO from "@/components/global/SEO";
+import ModuleList from "@/components/home/modules/ModuleList";
+import PlatformList from "@/components/home/platforms/PlatformList";
+
+export default function Page() {
+
+ return (
+ <>
+
+
+
+ Dashboard
+
+ {/*
*/}
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/dashboard/settings/layout.tsx b/src/app/dashboard/settings/layout.tsx
new file mode 100644
index 00000000..1a5cf365
--- /dev/null
+++ b/src/app/dashboard/settings/layout.tsx
@@ -0,0 +1,6 @@
+// src/app/dashboard/settings/layout.tsx
+'use client'
+
+export default function SettingsLayout({ children }: { children: React.ReactNode }) {
+ return children
+}
\ No newline at end of file
diff --git a/src/app/dashboard/settings/mediawiki/[id]/edit/page.tsx b/src/app/dashboard/settings/mediawiki/[id]/edit/page.tsx
new file mode 100644
index 00000000..ddc29544
--- /dev/null
+++ b/src/app/dashboard/settings/mediawiki/[id]/edit/page.tsx
@@ -0,0 +1,32 @@
+'use client'
+
+export const runtime = 'edge';
+
+import { useQuery } from "@tanstack/react-query";
+import { useParams } from "next/navigation";
+
+import MediaWikiForm from "@/components/mediawiki/Form";
+
+import { axiosInstance } from "@/axiosInstance";
+import { IPlatformProps } from "@/utils/interfaces";
+
+export default function MediaWikiEditPage() {
+ const params = useParams();
+ const id = params?.id as string;
+
+ const { data } = useQuery({
+ queryKey: ["platform", id],
+ queryFn: () => axiosInstance.get(`/platforms/${id}`),
+ })
+
+ return (
+
+
+
Edit MediaWiki
+
+
+ {data &&
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/dashboard/settings/mediawiki/[id]/page.tsx b/src/app/dashboard/settings/mediawiki/[id]/page.tsx
new file mode 100644
index 00000000..54f082e0
--- /dev/null
+++ b/src/app/dashboard/settings/mediawiki/[id]/page.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+export const runtime = 'edge';
+
+import { useQuery } from "@tanstack/react-query";
+import { useParams } from "next/navigation";
+
+import { axiosInstance } from "@/axiosInstance";
+
+export default function MediaWikiPage() {
+ const params = useParams();
+ const id = params?.id as string;
+
+ const { data } = useQuery({
+ queryKey: ["platform", id],
+ queryFn: () => axiosInstance.get(`/platforms/${id}`),
+ })
+
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/dashboard/settings/mediawiki/new/page.tsx b/src/app/dashboard/settings/mediawiki/new/page.tsx
new file mode 100644
index 00000000..15b9f625
--- /dev/null
+++ b/src/app/dashboard/settings/mediawiki/new/page.tsx
@@ -0,0 +1,16 @@
+'use client'
+
+import MediaWikiForm from "@/components/mediawiki/Form";
+
+export default function MediaWikiNewPage() {
+ return (
+
+
+
New MediaWiki
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/dashboard/settings/mediawiki/page.tsx b/src/app/dashboard/settings/mediawiki/page.tsx
new file mode 100644
index 00000000..892c4281
--- /dev/null
+++ b/src/app/dashboard/settings/mediawiki/page.tsx
@@ -0,0 +1,20 @@
+'use client'
+
+import Link from "next/link";
+import { FaPlus } from "react-icons/fa6";
+
+import MediaWikiList from "@/components/mediawiki/List";
+
+export default function MediaWikiSettingsPage() {
+ return (
+
+
+
MediaWiki Settings
+
+
+
+
+ );
+}
diff --git a/src/app/dashboard/settings/page.tsx b/src/app/dashboard/settings/page.tsx
new file mode 100644
index 00000000..ade632a5
--- /dev/null
+++ b/src/app/dashboard/settings/page.tsx
@@ -0,0 +1,23 @@
+'use client'
+
+import Link from "next/link"
+import { FaTriangleExclamation } from "react-icons/fa6"
+
+export default function SettingsPage() {
+ return (
+
+
+
Settings
+
+
+
+
+ This section is under development. Visit
+
+
MediaWiki Platforms
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/error.tsx b/src/app/error.tsx
new file mode 100644
index 00000000..8b1ec944
--- /dev/null
+++ b/src/app/error.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+export const runtime = 'edge';
+
+export default function Error() {
+ return (
+
+
Error
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
new file mode 100644
index 00000000..ce404ffd
--- /dev/null
+++ b/src/app/global-error.tsx
@@ -0,0 +1,20 @@
+'use client'
+
+export const runtime = 'edge';
+
+export default function GlobalError({
+ error,
+ reset,
+}: {
+ error: Error & { digest?: string }
+ reset: () => void
+}) {
+ return (
+
+
+
Something went wrong!
+
reset()}>Try again
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 00000000..c96b62c4
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,36 @@
+'use client'
+
+// export const runtime = "edge";
+
+import { Inter, Roboto_Mono } from 'next/font/google'
+
+import "@/styles/globals.css";
+
+import { AuthProvider } from '@/context/AuthProvider';
+
+const inter = Inter({
+ subsets: ['latin'],
+ display: 'swap',
+ variable: '--font-inter',
+})
+
+const roboto_mono = Roboto_Mono({
+ subsets: ['latin'],
+ display: 'swap',
+ variable: '--font-roboto-mono',
+})
+
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+
+ {children}
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 00000000..2a55a679
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import Link from 'next/link';
+
+export const runtime = 'edge';
+
+export default function NotFound() {
+ return (
+
+
404
+
Page not found
+
+ Return to home
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/atoms/authState.atom.ts b/src/atoms/authState.atom.ts
new file mode 100644
index 00000000..97cdf2b8
--- /dev/null
+++ b/src/atoms/authState.atom.ts
@@ -0,0 +1,14 @@
+import { atomWithStorage } from "jotai/utils";
+
+type AuthStateType = {
+ accessToken: string | null;
+ refreshToken: string | null;
+}
+
+const defaultValue: AuthStateType = {
+ accessToken: null,
+ refreshToken: null,
+}
+
+// TODO: rename to authState
+export const authState = atomWithStorage
("TC_user", defaultValue);
\ No newline at end of file
diff --git a/src/atoms/ui.atom.ts b/src/atoms/ui.atom.ts
new file mode 100644
index 00000000..c1f93218
--- /dev/null
+++ b/src/atoms/ui.atom.ts
@@ -0,0 +1,8 @@
+import { atomWithStorage } from "jotai/utils";
+
+
+
+export const uiAtom = atomWithStorage('ui', {
+ isSidebarOpen: false,
+ theme: 'light',
+});
diff --git a/src/axiosInstance.ts b/src/axiosInstance.ts
index 4a0e3fdf..6019851b 100644
--- a/src/axiosInstance.ts
+++ b/src/axiosInstance.ts
@@ -57,8 +57,8 @@ axiosInstance.interceptors.response.use(
error.response?.status === 401 &&
error.config.url?.endsWith('/auth/refresh-tokens')
) {
- StorageService.removeLocalStorage('user');
StorageService.removeLocalStorage('community');
+ StorageService.removeLocalStorage('user');
toast.error('Session expired. Please log in again.', {
position: 'bottom-left',
autoClose: 5000,
@@ -76,7 +76,7 @@ axiosInstance.interceptors.response.use(
!error.config.url?.endsWith('/auth/refresh-tokens') &&
user
) {
- const { accessToken, refreshToken } = user;
+ const { refreshToken } = user;
if (refreshToken && !isRefreshing) {
isRefreshing = true;
@@ -124,18 +124,23 @@ axiosInstance.interceptors.response.use(
}
} else {
// Handle no user case
- StorageService.removeLocalStorage('user');
+ StorageService.removeLocalStorage('community');
+ StorageService.removeLocalStorage('TC_SELECTED_PLATFORM');
StorageService.removeLocalStorage('analysis_state');
- toast.error('Token expired...', {
- position: 'bottom-left',
- autoClose: 5000,
- hideProgressBar: false,
- closeOnClick: true,
- pauseOnHover: true,
- draggable: true,
- progress: 0,
- });
- window.location.href = '/';
+ StorageService.removeLocalStorage('user');
+ if (window.location.pathname !== '/centric/') {
+ console.log(window.location.pathname);
+ toast.error('Token expired...', {
+ position: 'bottom-left',
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: 0,
+ });
+ window.location.href = '/centric';
+ }
}
break;
case 404:
diff --git a/src/components/LoadingScreen.tsx b/src/components/LoadingScreen.tsx
new file mode 100644
index 00000000..30a1f5e8
--- /dev/null
+++ b/src/components/LoadingScreen.tsx
@@ -0,0 +1,14 @@
+import Image from 'next/image';
+
+import tcLogo from '../assets/svg/tc-logo.svg';
+
+export default function LoadingScreen() {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/auth/ProtectedRoute.tsx b/src/components/auth/ProtectedRoute.tsx
new file mode 100644
index 00000000..e3771c70
--- /dev/null
+++ b/src/components/auth/ProtectedRoute.tsx
@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+import { useAuth } from "@/context/AuthProvider";
+
+import LoadingScreen from "../LoadingScreen";
+
+export default function ProtectedRoute({ children }: { children: React.ReactNode }) {
+ const { isAuthenticated } = useAuth();
+ const router = useRouter();
+
+ useEffect(() => {
+ if (!isAuthenticated) {
+ router.push('/centric'); // TODO: change to /login
+ }
+ }, [isAuthenticated, router]);
+
+ if (!isAuthenticated) {
+ return