mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Fixes/app store mobile (#2271)

Browse source 
* Grid fixes for mobile

* Adds missing NavTabs to installed apps page
This commit is contained in:
Omar López 2022-03-24 12:46:36 -07:00 committed by GitHub
parent 3341074bb2
commit 05a7babd56
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/web/components/apps/AllApps.tsx
View file

@ -9,7 +9,7 @@ export default function AllApps({ apps }: { apps: App[] }) {
return ( return (
<div className="mb-16"> <div className="mb-16">
<h2 className="mb-2 text-lg font-semibold text-gray-900">{t("all_apps")}</h2> <h2 className="mb-2 text-lg font-semibold text-gray-900">{t("all_apps")}</h2>
<div className="grid-col-1 grid gap-3 md:grid-cols-3"> <div className="grid-col-1 grid grid-cols-1 gap-3 md:grid-cols-3">
{apps.map((app) => ( {apps.map((app) => (
<AppCard <AppCard
key={app.name} key={app.name}

2
apps/web/pages/apps/categories/[category].tsx
View file

@ -28,7 +28,7 @@ export default function Apps({ appStore }: InferGetStaticPropsType<typeof getSta
</div> </div>
<div className="mb-16"> <div className="mb-16">
<h2 className="mb-2 text-lg font-semibold text-gray-900">All {router.query.category} apps</h2> <h2 className="mb-2 text-lg font-semibold text-gray-900">All {router.query.category} apps</h2>
<div className="grid grid-cols-3 gap-3"> <div className="grid-col-1 grid grid-cols-1 gap-3 md:grid-cols-3">
{appStore.map((app) => { {appStore.map((app) => {
return ( return (
app.category === router.query.category && ( app.category === router.query.category && (

3
apps/web/pages/apps/installed.tsx
View file

@ -15,6 +15,7 @@ import { HttpError } from "@lib/core/http/error";
import { useLocale } from "@lib/hooks/useLocale"; import { useLocale } from "@lib/hooks/useLocale";
import { trpc } from "@lib/trpc"; import { trpc } from "@lib/trpc";
import AppsShell from "@components/AppsShell";
import { ClientSuspense } from "@components/ClientSuspense"; import { ClientSuspense } from "@components/ClientSuspense";
import { List, ListItem, ListItemText, ListItemTitle } from "@components/List"; import { List, ListItem, ListItemText, ListItemTitle } from "@components/List";
import Loader from "@components/Loader"; import Loader from "@components/Loader";
@ -307,6 +308,7 @@ export default function IntegrationsPage() {
return ( return (
<Shell heading={t("installed_apps")} subtitle={t("manage_your_connected_apps")}> <Shell heading={t("installed_apps")} subtitle={t("manage_your_connected_apps")}>
<AppsShell>
<ClientSuspense fallback={<Loader />}> <ClientSuspense fallback={<Loader />}>
<IntegrationsContainer /> <IntegrationsContainer />
<CalendarListContainer /> <CalendarListContainer />
@ -314,6 +316,7 @@ export default function IntegrationsPage() {
<IframeEmbedContainer /> <IframeEmbedContainer />
<Web3Container /> <Web3Container />
</ClientSuspense> </ClientSuspense>
</AppsShell>
</Shell> </Shell>
); );
} }