diff --git a/.vscode/tasks.json b/.vscode/tasks.json index 1f3424f531542d..57b518a20bba26 100644 --- a/.vscode/tasks.json +++ b/.vscode/tasks.json @@ -73,6 +73,13 @@ "command": "maildev -s 587", "isBackground": false, "problemMatcher": [] + }, + { + "label": "AppStoreWatch", + "type": "shell", + "command": "yarn app-store:watch", + "isBackground": false, + "problemMatcher": [] } ] } diff --git a/README.md b/README.md index d74e4b345bb901..39c6eb28f04677 100644 --- a/README.md +++ b/README.md @@ -402,7 +402,7 @@ Next make sure you have your app running `yarn dx`. Then in the slack chat type 4. Fill in any information you want in the "App info" tab 5. Go to tab "Auth" 6. Now copy the Client ID and Client Secret to your .env file into the `HUBSPOT_CLIENT_ID` and `HUBSPOT_CLIENT_SECRET` fields. -7. Set the Redirect URL for OAuth `/api/integrations/hubspot othercalendar/callback` replacing Cal.com URL with the URI at which your application runs. +7. Set the Redirect URL for OAuth `/api/integrations/hubspotothercalendar/callback` replacing Cal.com URL with the URI at which your application runs. 8. In the "Scopes" section at the bottom of the page, make sure you select "Read" and "Write" for scope called `crm.objects.contacts` 9. Click the "Save" button at the bottom footer. 10. You're good to go. Now you can see any booking in Cal.com created as a meeting in HubSpot for your contacts. diff --git a/apps/web/components/AdditionalCalendarSelector.tsx b/apps/web/components/AdditionalCalendarSelector.tsx index 11cc6f6223de54..199bba469f524c 100644 --- a/apps/web/components/AdditionalCalendarSelector.tsx +++ b/apps/web/components/AdditionalCalendarSelector.tsx @@ -4,7 +4,7 @@ import { OptionProps } from "react-select"; import { InstallAppButton } from "@calcom/app-store/components"; import { useLocale } from "@calcom/lib/hooks/useLocale"; -import type { App } from "@calcom/types/App"; +import type { AppMeta } from "@calcom/types/App"; import { Button } from "@calcom/ui"; import { QueryCell } from "@lib/QueryCell"; @@ -14,11 +14,11 @@ interface AdditionalCalendarSelectorProps { isLoading?: boolean; } -const ImageOption = (optionProps: OptionProps<{ [key: string]: string; type: App["type"] }>) => { +const ImageOption = (optionProps: OptionProps<{ [key: string]: string; appId: string }>) => { const { data } = optionProps; return ( { return (