From 4f92f60d8513f16ddd9c34b8fb846ef8a588fad3 Mon Sep 17 00:00:00 2001 From: Peer Richelsen Date: Wed, 5 Apr 2023 19:05:44 +0200 Subject: [PATCH] added illustrations to app store (#8104) --- apps/web/public/app-categories/analytics.svg | 93 ++++++++++++++++ apps/web/public/app-categories/automation.svg | 1 + apps/web/public/app-categories/calendar.svg | 1 + apps/web/public/app-categories/crm.svg | 1 + apps/web/public/app-categories/other.svg | 105 ++++++++++++++++++ apps/web/public/app-categories/payment.svg | 1 + apps/web/public/app-categories/video.svg | 1 + apps/web/public/app-categories/web3.svg | 1 + packages/ui/components/apps/Categories.tsx | 11 +- 9 files changed, 214 insertions(+), 1 deletion(-) create mode 100644 apps/web/public/app-categories/analytics.svg create mode 100644 apps/web/public/app-categories/automation.svg create mode 100755 apps/web/public/app-categories/calendar.svg create mode 100755 apps/web/public/app-categories/crm.svg create mode 100644 apps/web/public/app-categories/other.svg create mode 100644 apps/web/public/app-categories/payment.svg create mode 100755 apps/web/public/app-categories/video.svg create mode 100644 apps/web/public/app-categories/web3.svg diff --git a/apps/web/public/app-categories/analytics.svg b/apps/web/public/app-categories/analytics.svg new file mode 100644 index 0000000000..cadc869670 --- /dev/null +++ b/apps/web/public/app-categories/analytics.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apps/web/public/app-categories/automation.svg b/apps/web/public/app-categories/automation.svg new file mode 100644 index 0000000000..666ef8e12d --- /dev/null +++ b/apps/web/public/app-categories/automation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/web/public/app-categories/calendar.svg b/apps/web/public/app-categories/calendar.svg new file mode 100755 index 0000000000..88efec0d92 --- /dev/null +++ b/apps/web/public/app-categories/calendar.svg @@ -0,0 +1 @@ +Notioly New upgrade \ No newline at end of file diff --git a/apps/web/public/app-categories/crm.svg b/apps/web/public/app-categories/crm.svg new file mode 100755 index 0000000000..41afd1ddf1 --- /dev/null +++ b/apps/web/public/app-categories/crm.svg @@ -0,0 +1 @@ +Notioly v2 \ No newline at end of file diff --git a/apps/web/public/app-categories/other.svg b/apps/web/public/app-categories/other.svg new file mode 100644 index 0000000000..ea3507a3b7 --- /dev/null +++ b/apps/web/public/app-categories/other.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apps/web/public/app-categories/payment.svg b/apps/web/public/app-categories/payment.svg new file mode 100644 index 0000000000..8485eacb80 --- /dev/null +++ b/apps/web/public/app-categories/payment.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/web/public/app-categories/video.svg b/apps/web/public/app-categories/video.svg new file mode 100755 index 0000000000..cab4a45b42 --- /dev/null +++ b/apps/web/public/app-categories/video.svg @@ -0,0 +1 @@ +Notioly New \ No newline at end of file diff --git a/apps/web/public/app-categories/web3.svg b/apps/web/public/app-categories/web3.svg new file mode 100644 index 0000000000..e3c9fe48ed --- /dev/null +++ b/apps/web/public/app-categories/web3.svg @@ -0,0 +1 @@ +Notioly New \ No newline at end of file diff --git a/packages/ui/components/apps/Categories.tsx b/packages/ui/components/apps/Categories.tsx index 84cd033cf0..9aed2fe0a0 100644 --- a/packages/ui/components/apps/Categories.tsx +++ b/packages/ui/components/apps/Categories.tsx @@ -1,3 +1,4 @@ +import Image from "next/image"; import Link from "next/link"; import { useLocale } from "@calcom/lib/hooks/useLocale"; @@ -36,7 +37,15 @@ export function AppStoreCategories({ data-testid={`app-store-category-${category.name}`} className="relative flex rounded-md" style={{ background: "radial-gradient(farthest-side at top right, #a2abbe 0%, #E3E3E3 100%)" }}> -
+
+ {category.name} + {isLocaleReady ? (

{category.name}

) : (