diff --git a/src/components/nostr/kinds/ZapstoreAppDetailRenderer.tsx b/src/components/nostr/kinds/ZapstoreAppDetailRenderer.tsx
index 4e08dff..89d7e41 100644
--- a/src/components/nostr/kinds/ZapstoreAppDetailRenderer.tsx
+++ b/src/components/nostr/kinds/ZapstoreAppDetailRenderer.tsx
@@ -78,9 +78,8 @@ function PlatformItem({ platform }: { platform: Platform }) {
}
/**
- * Detail renderer for Kind 32267 - Zapstore App Metadata
- * Shows comprehensive app information including screenshots
- * Note: Zapstore helpers wrap getTagValue which caches internally
+ * Detail renderer for Kind 32267 - App
+ * Shows comprehensive app information including screenshots and platforms
*/
export function ZapstoreAppDetailRenderer({
event,
diff --git a/src/components/nostr/kinds/ZapstoreAppRenderer.tsx b/src/components/nostr/kinds/ZapstoreAppRenderer.tsx
index ddb62b2..204bb7a 100644
--- a/src/components/nostr/kinds/ZapstoreAppRenderer.tsx
+++ b/src/components/nostr/kinds/ZapstoreAppRenderer.tsx
@@ -8,71 +8,11 @@ import {
getAppSummary,
detectPlatforms,
} from "@/lib/zapstore-helpers";
-import {
- Globe,
- Smartphone,
- TabletSmartphone,
- Monitor,
- Laptop,
-} from "lucide-react";
-import type { Platform } from "@/lib/zapstore-helpers";
+import { PlatformIcon } from "./zapstore/PlatformIcon";
/**
- * Platform icon component with label
- */
-function PlatformIcon({ platform }: { platform: Platform }) {
- const iconClass = "size-4 text-muted-foreground";
-
- const getPlatformLabel = () => {
- switch (platform) {
- case "android":
- return "Android";
- case "ios":
- return "iOS";
- case "web":
- return "Web";
- case "macos":
- return "macOS";
- case "windows":
- return "Windows";
- case "linux":
- return "Linux";
- default:
- return platform;
- }
- };
-
- const getIcon = () => {
- switch (platform) {
- case "android":
- return
{summary}
)} - {/* Platform Icons */} {platforms.length > 0 && (