Nils-Johan Gynther
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import { auth } from '../../auth';
|
|
import Navigation from '../Navigation';
|
|
import ProfileTabs from './ProfileTabs';
|
|
import MinProfilTab from './tabs/MinProfilTab';
|
|
|
|
export const metadata = { title: 'Min profil' };
|
|
|
|
type Props = {
|
|
searchParams: Promise<{ tab?: string }>;
|
|
};
|
|
|
|
export default async function ProfilPage({ searchParams }: Props) {
|
|
const { tab = 'profil' } = await searchParams;
|
|
const session = await auth();
|
|
const isAdmin = (session?.user as any)?.role === 'admin';
|
|
|
|
// DatabsTab och AnvandareTab laddas dynamiskt för att hålla page.tsx tunn
|
|
let TabContent: React.ComponentType;
|
|
if (tab === 'databas') {
|
|
const { default: DatabsTab } = await import('./tabs/DatabsTab');
|
|
TabContent = DatabsTab;
|
|
} else if (tab === 'anvandare' && isAdmin) {
|
|
const { default: AnvandareTab } = await import('./tabs/AnvandareTab');
|
|
TabContent = AnvandareTab;
|
|
} else if (tab === 'forslag' && isAdmin) {
|
|
const { default: ForslagTab } = await import('./tabs/ForslagTab');
|
|
TabContent = ForslagTab;
|
|
} else if (tab === 'ai' && isAdmin) {
|
|
const { default: AiTab } = await import('./tabs/AiTab');
|
|
TabContent = AiTab;
|
|
} else {
|
|
TabContent = MinProfilTab;
|
|
}
|
|
|
|
const adminTabs = ['anvandare', 'forslag', 'ai'];
|
|
const userTabs = ['databas'];
|
|
const activeTab =
|
|
(isAdmin && (adminTabs.includes(tab) || userTabs.includes(tab))) ||
|
|
userTabs.includes(tab)
|
|
? tab
|
|
: 'profil';
|
|
|
|
return (
|
|
<>
|
|
<Navigation />
|
|
<main style={{ padding: '1rem', maxWidth: '1200px', margin: '0 auto' }}>
|
|
<h1 style={{ marginBottom: '1.5rem' }}>Min profil</h1>
|
|
<ProfileTabs activeTab={activeTab} isAdmin={isAdmin} />
|
|
<TabContent />
|
|
</main>
|
|
</>
|
|
);
|
|
}
|
|
|