49bb80eeb4
* fixed a ton of app store layout shift bugs * added illustrations * Sync submodules to main * Update yarn.lock Co-authored-by: zomars <zomars@me.com>
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { InferGetStaticPropsType } from "next";
|
|
|
|
import { getAppRegistry } from "@calcom/app-store/_appRegistry";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
|
|
import AppsShell from "@components/AppsShell";
|
|
import Shell from "@components/Shell";
|
|
import AllApps from "@components/apps/AllApps";
|
|
import AppStoreCategories from "@components/apps/Categories";
|
|
import Slider from "@components/apps/Slider";
|
|
|
|
export default function Apps({ appStore, categories }: InferGetStaticPropsType<typeof getStaticProps>) {
|
|
const { t } = useLocale();
|
|
|
|
return (
|
|
<Shell heading={t("app_store")} subtitle={t("app_store_description")} large>
|
|
<AppsShell>
|
|
<AppStoreCategories categories={categories} />
|
|
<Slider items={appStore} />
|
|
<AllApps apps={appStore} />
|
|
</AppsShell>
|
|
</Shell>
|
|
);
|
|
}
|
|
|
|
export const getStaticProps = async () => {
|
|
const appStore = getAppRegistry();
|
|
const categories = appStore.reduce((c, app) => {
|
|
c[app.category] = c[app.category] ? c[app.category] + 1 : 1;
|
|
return c;
|
|
}, {} as Record<string, number>);
|
|
|
|
return {
|
|
props: {
|
|
categories: Object.entries(categories).map(([name, count]) => ({ name, count })),
|
|
appStore,
|
|
},
|
|
};
|
|
};
|