divyap/product-review
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: integrate polaris app provider and stylings into root admin layout

Browse Source
This commit is contained in:
Divya Pahuja 2026-03-15 16:19:41 +05:30
parent 20888478ee
commit d478e42889
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/routes/app.jsx
View File

@ -8,15 +8,22 @@ export const loader = async ({ request }) => {
return { apiKey: process.env.SHOPIFY_API_KEY || "" }; 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() { export default function App() {
const { apiKey } = useLoaderData(); const { apiKey } = useLoaderData();
return ( return (
<AppProvider embedded apiKey={apiKey}> <AppProvider embedded apiKey={apiKey}>
<PolarisAppProvider i18n={{}}>
<s-app-nav> <s-app-nav>
<s-link href="/app">Reviews Dashboard</s-link> <s-link href="/app">Reviews Dashboard</s-link>
</s-app-nav> </s-app-nav>
<Outlet /> <Outlet />
</PolarisAppProvider>
</AppProvider> </AppProvider>
); );
} }