diff --git a/surfsense_web/lib/playground/catalog.ts b/surfsense_web/lib/playground/catalog.ts index 9b508228a..b1287e447 100644 --- a/surfsense_web/lib/playground/catalog.ts +++ b/surfsense_web/lib/playground/catalog.ts @@ -2,6 +2,7 @@ import type { ComponentType } from "react"; import { GoogleMapsIcon, GoogleSearchIcon, + InstagramIcon, RedditIcon, WebIcon, YouTubeIcon, @@ -48,6 +49,16 @@ export const PLAYGROUND_PLATFORMS: PlaygroundPlatform[] = [ { name: "youtube.comments", verb: "comments", label: "Comments" }, ], }, + { + id: "instagram", + label: "Instagram", + icon: InstagramIcon, + verbs: [ + { name: "instagram.scrape", verb: "scrape", label: "Scrape" }, + { name: "instagram.comments", verb: "comments", label: "Comments" }, + { name: "instagram.details", verb: "details", label: "Details" }, + ], + }, { id: "google_maps", label: "Google Maps", diff --git a/surfsense_web/lib/playground/platform-icons.tsx b/surfsense_web/lib/playground/platform-icons.tsx index e7a443c2f..460b7f7a3 100644 --- a/surfsense_web/lib/playground/platform-icons.tsx +++ b/surfsense_web/lib/playground/platform-icons.tsx @@ -24,6 +24,7 @@ function brandIcon(src: string, alt: string) { export const RedditIcon = brandIcon("/connectors/reddit.svg", "Reddit"); export const YouTubeIcon = brandIcon("/connectors/youtube.svg", "YouTube"); +export const InstagramIcon = brandIcon("/connectors/instagram.svg", "Instagram"); export const GoogleMapsIcon = brandIcon("/connectors/google-maps.svg", "Google Maps"); export const GoogleSearchIcon = brandIcon("/connectors/google-search.svg", "Google Search"); export const WebIcon = brandIcon("/connectors/web.svg", "Web"); diff --git a/surfsense_web/public/connectors/instagram.svg b/surfsense_web/public/connectors/instagram.svg new file mode 100644 index 000000000..81233a38e --- /dev/null +++ b/surfsense_web/public/connectors/instagram.svg @@ -0,0 +1 @@ +