From 64961cada196fd0f94f695d65b1fe7d647fa5c9e Mon Sep 17 00:00:00 2001 From: Peer Richelsen Date: Mon, 2 Aug 2021 16:10:24 +0200 Subject: [PATCH] added bottom nav, replaced png with svg integration icons, added subtitle to shell component --- components/Logo.tsx | 7 + components/Modal.tsx | 2 +- components/Settings.tsx | 2 +- components/Shell.tsx | 456 +++++++++++------------- pages/availability/event/[type].tsx | 4 +- pages/availability/index.tsx | 10 +- pages/availability/troubleshoot.tsx | 26 +- pages/bookings/index.tsx | 11 +- pages/event-types/[type].tsx | 4 +- pages/event-types/index.tsx | 25 +- pages/index.tsx | 8 +- pages/integrations/[integration].tsx | 2 +- pages/integrations/index.tsx | 20 +- pages/settings/billing.tsx | 19 +- pages/settings/embed.tsx | 14 +- pages/settings/password.tsx | 7 +- pages/settings/profile.tsx | 7 +- pages/settings/teams.tsx | 7 +- public/integrations/go-to-meeting.png | Bin 5922 -> 0 bytes public/integrations/go-to-meeting.svg | 18 + public/integrations/google-calendar.svg | 1 + public/integrations/hubspot.png | Bin 16941 -> 0 bytes public/integrations/intercom.png | Bin 21937 -> 0 bytes public/integrations/m365.png | Bin 44748 -> 0 bytes public/integrations/microsoft-teams.png | Bin 19091 -> 0 bytes public/integrations/microsoft-teams.svg | 59 +++ public/integrations/office-365.png | Bin 5243 -> 0 bytes public/integrations/outlook.png | Bin 23578 -> 0 bytes public/integrations/outlook.svg | 36 ++ public/integrations/salesforce.png | Bin 15548 -> 0 bytes public/integrations/slack.png | Bin 6666 -> 0 bytes public/integrations/twilio.png | Bin 8826 -> 0 bytes public/integrations/zapier.png | Bin 8906 -> 0 bytes public/integrations/zapier.svg | 1 + public/integrations/zoom.png | Bin 9024 -> 0 bytes public/integrations/zoom.svg | 1 + styles/globals.css | 67 +++- 37 files changed, 462 insertions(+), 352 deletions(-) create mode 100644 components/Logo.tsx delete mode 100644 public/integrations/go-to-meeting.png create mode 100644 public/integrations/go-to-meeting.svg create mode 100644 public/integrations/google-calendar.svg delete mode 100644 public/integrations/hubspot.png delete mode 100644 public/integrations/intercom.png delete mode 100644 public/integrations/m365.png delete mode 100644 public/integrations/microsoft-teams.png create mode 100644 public/integrations/microsoft-teams.svg delete mode 100644 public/integrations/office-365.png delete mode 100644 public/integrations/outlook.png create mode 100644 public/integrations/outlook.svg delete mode 100644 public/integrations/salesforce.png delete mode 100644 public/integrations/slack.png delete mode 100644 public/integrations/twilio.png delete mode 100644 public/integrations/zapier.png create mode 100644 public/integrations/zapier.svg delete mode 100644 public/integrations/zoom.png create mode 100644 public/integrations/zoom.svg diff --git a/components/Logo.tsx b/components/Logo.tsx new file mode 100644 index 00000000..476f0804 --- /dev/null +++ b/components/Logo.tsx @@ -0,0 +1,7 @@ +export default function Logo({small} : {small?: boolean}){ + return

+ + Calendso + +

; +} diff --git a/components/Modal.tsx b/components/Modal.tsx index 658bf706..12232876 100644 --- a/components/Modal.tsx +++ b/components/Modal.tsx @@ -1,4 +1,4 @@ -import { Fragment, useState } from 'react' +import { Fragment } from 'react' import { Dialog, Transition } from '@headlessui/react' import { CheckIcon } from '@heroicons/react/outline' diff --git a/components/Settings.tsx b/components/Settings.tsx index eed044b8..b1ce7f14 100644 --- a/components/Settings.tsx +++ b/components/Settings.tsx @@ -18,7 +18,7 @@ export default function SettingsShell(props) { ]; return ( -
+