feat: integrate polaris app provider and stylings into root admin layout
This commit is contained in:
parent
20888478ee
commit
d478e42889
@ -8,15 +8,22 @@ export const loader = async ({ request }) => {
|
||||
return { apiKey: process.env.SHOPIFY_API_KEY || "" };
|
||||
};
|
||||
|
||||
import { AppProvider as PolarisAppProvider } from "@shopify/polaris";
|
||||
import polarisStyles from "@shopify/polaris/build/esm/styles.css?url";
|
||||
|
||||
export const links = () => [{ rel: "stylesheet", href: polarisStyles }];
|
||||
|
||||
export default function App() {
|
||||
const { apiKey } = useLoaderData();
|
||||
|
||||
return (
|
||||
<AppProvider embedded apiKey={apiKey}>
|
||||
<s-app-nav>
|
||||
<s-link href="/app">Reviews Dashboard</s-link>
|
||||
</s-app-nav>
|
||||
<Outlet />
|
||||
<PolarisAppProvider i18n={{}}>
|
||||
<s-app-nav>
|
||||
<s-link href="/app">Reviews Dashboard</s-link>
|
||||
</s-app-nav>
|
||||
<Outlet />
|
||||
</PolarisAppProvider>
|
||||
</AppProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user