Meda Next AppShell

1'use client'
2 
3import Link from 'next/link'
4import type { ComponentProps, ReactNode } from 'react'
5import {
6  AppShell,
7  AuthError,
8  AuthNotice,
9  AuthOneTapSlot,
10  AuthProviderButton,
11  AuthProviderList,
12  MedaShellProvider,
13  PanelViewsProvider,
14  type AppDefinition,
15  type AppShellAppTabsConfig,
16  type IconRailItem,
17  type PanelView,
18  type ShellMainLayout,
19  type WorkspaceDefinition,
20  type WorkspaceMenuItem,
21} from '@medalsocial/meda/shell'
22 
23export function MedaNextWorkspaceShell({
24  workspace,
25  apps,
26  iconItems,
27  activeIconId,
28  panelViews = [],
29  defaultPanelView,
30  appTabs,
31  headerCenter,
32  banners,
33  mainLayout,
34  mainClassName,
35  workspaceMenuItems,
36  workspaceMenuFooter,
37  children,
38}: {
39  workspace: WorkspaceDefinition
40  apps: AppDefinition[]
41  iconItems: IconRailItem[]
42  activeIconId?: string
43  panelViews?: PanelView[]
44  defaultPanelView?: string
45  appTabs?: AppShellAppTabsConfig
46  headerCenter?: ReactNode
47  banners?: ReactNode
48  mainLayout?: ShellMainLayout
49  mainClassName?: string
50  workspaceMenuItems?: WorkspaceMenuItem[]
51  workspaceMenuFooter?: ReactNode
52  children: ReactNode
53}) {
54  return (
55    <MedaShellProvider workspace={workspace} apps={apps}>
56      <AppShell
57        variant="workspace"
58        iconRail={{
59          mainItems: iconItems,
60          activeId: activeIconId,
61          renderLink: ({ item, linkProps }) => (
62            <Link {...linkProps} href={item.to} prefetch />
63          ),
64        }}
65        appTabs={
66          appTabs ?? {
67            renderLink: ({ app, linkProps }) =>
68              app.to ? <Link {...linkProps} href={app.to} prefetch /> : <a {...linkProps} />,
69          }
70        }
71        headerCenter={headerCenter}
72        banners={banners}
73        mainLayout={mainLayout}
74        mainClassName={mainClassName}
75        workspace={{ menuItems: workspaceMenuItems, menuFooter: workspaceMenuFooter }}
76        rightPanel={{ panelViews, defaultView: defaultPanelView }}
77      >
78        <PanelViewsProvider views={panelViews} defaultView={defaultPanelView}>
79          {children}
80        </PanelViewsProvider>
81      </AppShell>
82    </MedaShellProvider>
83  )
84}
85 
86export function MedaNextAuthShell({
87  brandName,
88  brandMark,
89  appName,
90  tagline,
91  preview,
92  error,
93  notice,
94  onGoogleSignIn,
95}: {
96  brandName: ReactNode
97  brandMark?: ReactNode
98  appName?: ReactNode
99  tagline?: ReactNode
100  preview?: ReactNode
101  error?: ReactNode
102  notice?: ReactNode
103  onGoogleSignIn: ComponentProps<typeof AuthProviderButton>['onClick']
104}) {
105// … truncated