Crowmate/Wyview
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add a white theme

Browse Source
This commit is contained in:
Pierre Ryssen
2026-03-11 16:02:55 +01:00
parent 9642f2511a
commit d5d7b15f16
22 changed files with 297 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/instagram/layout.tsx
View File

@@ -1,29 +1,5 @@
"use client";
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { useSession } from "next-auth/react";
import Sidebar from "@/components/Sidebar";
import AppLayout from "@/components/AppLayout";
export default function AuthLayout({ children }: { children: React.ReactNode }) {
const { status } = useSession();
const router = useRouter();
useEffect(() => {
if (status === "unauthenticated") {
router.push("/");
}
}, [status, router]);
if (status === "loading") return null;
if (status !== "authenticated") return null;
return (
<div className="flex min-h-screen bg-[#0d1117]">
<Sidebar />
<main className="ml-56 flex-1 p-8 bg-[#0d1117]">
{children}
</main>
</div>
);
return <AppLayout>{children}</AppLayout>;
}

7
app/instagram/page.tsx
View File

@@ -10,7 +10,7 @@ export default function InstagramPage() {
</div>
<div>
<div className="text-[9px] font-mono tracking-[0.3em] text-orange-400/70 uppercase mb-0.5">Plateforme</div>
<h1 className="text-2xl font-black tracking-widest text-white uppercase">Instagram</h1>
<h1 className="text-2xl font-black tracking-widest uppercase" style={{ color: "var(--text-primary)" }}>Instagram</h1>
</div>
</div>
@@ -21,9 +21,10 @@ export default function InstagramPage() {
<StatCard label="Portée moy." value="—" sub="Aucune donnée" accent="gold" />
</div>
<div className="bg-[#111a14] border border-[#1e2d1e] rounded-sm p-8 flex flex-col items-center justify-center gap-3 min-h-[200px]">
<div className="border rounded-sm p-8 flex flex-col items-center justify-center gap-3 min-h-[200px]"
style={{ background: "var(--surface)", borderColor: "var(--border)" }}>
<Camera size={32} className="text-orange-400/30" />
<p className="text-[#7a9a7a] font-mono text-xs tracking-widest text-center">
<p className="font-mono text-xs tracking-widest text-center" style={{ color: "var(--text-secondary)" }}>
CONNECTEZ VOTRE COMPTE INSTAGRAM<br />POUR AFFICHER VOS STATISTIQUES
</p>
</div>