meienberger/runtipi
1
1
Fork 0
mirror of https://github.com/meienberger/runtipi.git synced 2024-10-04 15:47:45 +03:00
Code Issues Projects Releases Wiki Activity

fix(app-store): incorrect breadcrumbs displayed in app store nested routes

Browse Source
This commit is contained in:
Nicolas Meienberger 2023-03-17 18:08:47 +01:00 committed by Nicolas Meienberger
parent 4034c0b835
commit 1c91e181d8
3 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/client/modules/Apps/pages/AppDetailsPage/AppDetailsPage.tsx
View File

@ -7,14 +7,16 @@ import { AppDetailsContainer } from '../../containers/AppDetailsContainer/AppDet
interface IProps {
appId: string;
refSlug: string;
refTitle: string;
}
export const AppDetailsPage: NextPage<IProps> = ({ appId }) => {
export const AppDetailsPage: NextPage<IProps> = ({ appId, refSlug, refTitle }) => {
const { data, error } = trpc.app.getApp.useQuery({ id: appId });
const breadcrumb = [
{ name: 'Apps', href: '/apps' },
{ name: data?.info?.name || '', href: `/apps/${data?.id}`, current: true },
{ name: refTitle, href: `/${refSlug}` },
{ name: data?.info?.name || '', href: `/${refSlug}/${data?.id}`, current: true },
];
// TODO: add loading state
@ -25,11 +27,3 @@ export const AppDetailsPage: NextPage<IProps> = ({ appId }) => {
</Layout>
);
};
AppDetailsPage.getInitialProps = (ctx) => {
const { query } = ctx;
const appId = String(query.id);
return { appId };
};

14
src/pages/app-store/[id].tsx
View File

@ -1 +1,13 @@
export { AppDetailsPage as default } from '../../client/modules/Apps/pages/AppDetailsPage';
import { AppDetailsPage } from '../../client/modules/Apps/pages/AppDetailsPage';
const Page = AppDetailsPage;
Page.getInitialProps = (ctx) => {
const { query } = ctx;
const appId = String(query.id);
return { appId, refSlug: 'app-store', refTitle: 'App Store' };
};
export default Page;

14
src/pages/apps/[id].tsx
View File

@ -1 +1,13 @@
export { AppDetailsPage as default } from '../../client/modules/Apps/pages/AppDetailsPage';
import { AppDetailsPage } from '../../client/modules/Apps/pages/AppDetailsPage';
const Page = AppDetailsPage;
Page.getInitialProps = (ctx) => {
const { query } = ctx;
const appId = String(query.id);
return { appId, refSlug: 'apps', refTitle: 'Apps' };
};
export default Page;