refactor: restructure files to their domains, new preview overlay system, and dep graph

1 files changed, 0 insertions, 65 deletions

diff --git a/apps/web/src/lib/guides/definitions/platforms.tsx b/apps/web/src/lib/guides/definitions/platforms.tsx
deleted file mode 100644
index 8c403eb1..00000000
--- a/apps/web/src/lib/guides/definitions/platforms.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import Image from "next/image";

-import type { GuideDefinition } from "@/lib/guides/types";

-import { TikTokLayout } from "./tiktok-layout";

-

-function PlatformLogo({

-	domain,

-	className = "size-4",

-}: {

-	domain: string;

-	className?: string;

-}) {

-	return (

-		<Image

-			src={`https://cdn.brandfetch.io/${domain}/w/64/h/64`}

-			alt=""

-			width={18}

-			height={18}

-			className={className}

-			draggable={false}

-			unoptimized

-		/>

-	);

-}

-

-function PlatformGuidePreview({ domain }: { domain: string }) {

-	return <PlatformLogo domain={domain} />;

-}

-

-function platformGuide({

-	id,

-	label,

-	domain,

-}: {

-	id: string;

-	label: string;

-	domain: string;

-}): GuideDefinition {

-	return {

-		id,

-		label,

-		renderPreview: () => <PlatformGuidePreview domain={domain} />,

-		renderTriggerIcon: () => <PlatformLogo domain={domain} />,

-		renderOverlay: () => null,

-	};

-}

-

-export const tiktokGuide: GuideDefinition = {

-	...platformGuide({ id: "tiktok", label: "TikTok", domain: "tiktok.com" }),

-	renderOverlay: () => <TikTokLayout />,

-};

-export const igReelsGuide = platformGuide({

-	id: "ig-reels",

-	label: "Reels",

-	domain: "instagram.com",

-});

-export const ytShortsGuide = platformGuide({

-	id: "yt-shorts",

-	label: "Shorts",

-	domain: "youtube.com",

-});

-export const spotlightGuide = platformGuide({

-	id: "spotlight",

-	label: "Spotlight",

-	domain: "snapchat.com",

-});