5dbb60dc85
* Adds initial MDX implementation for App Store pages * Adds endpoint to serve app store static files * Replaces zoom icon with dynamic-served one * Fixes zoom icon * Makes Slider reusable * Adds gray-matter for MDX * Adds zoom screenshots * Update yarn.lock * Slider improvements * WIP * Update TrendingAppsSlider.tsx * WIP * Adds MS teams screenshots * Adds stripe screenshots * Cleanup * Update index.ts * WIP * Cleanup * Cleanup * Adds jitsi screenshot * Adds Google meet screenshots * Adds office 365 calendar screenshots * Adds google calendar screenshots Co-authored-by: Peer Richelsen <peeroke@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.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 TrendingAppsSlider from "@components/apps/TrendingAppsSlider";
|
|
|
|
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} />
|
|
<TrendingAppsSlider 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,
|
|
},
|
|
};
|
|
};
|