Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 38 additions & 8 deletions apps/web/components/views/integrations.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -334,23 +334,53 @@ export function IntegrationsView() {
</div>

{/* Chrome Extension */}
<div className="bg-white/5 rounded-xl border border-white/10 overflow-hidden opacity-75">
<div className="bg-white/5 rounded-xl border border-white/10 overflow-hidden">
<div className="p-4 sm:p-5">
<div className="flex items-start gap-3">
<div className="p-2 bg-orange-500/20 rounded-lg flex-shrink-0">
<ChromeIcon className="h-5 w-5 text-orange-400" />
</div>
<div className="flex-1 min-w-0">
<div className="flex flex-col sm:flex-row sm:items-center gap-2 mb-1">
<div className="flex-1 min-w-0 mb-3">
<div className="flex flex-col sm:flex-row sm:items-baseline sm:justify-between gap-2 mb-1">
<h3 className="text-white font-semibold text-base">
Chrome Extension
</h3>
<div className="px-2 py-1 bg-orange-500/20 text-orange-400 text-xs rounded-full flex-shrink-0 w-fit">
Coming Soon
</div>
<Button
className="text-white bg-secondary w-fit"
onClick={() => {
window.open(
"https://chromewebstore.google.com/detail/supermemory/afpgkkipfdpeaflnpoaffkcankadgjfc",
"_blank",
"noopener,noreferrer",
)
analytics.extensionInstallClicked()
}}
size="sm"
variant="ghost"
>
<ChromeIcon className="h-3 w-3 mr-1" />
Add to Chrome
</Button>
</div>
<p className="text-white/70 text-sm leading-relaxed">
Save web content with one click
</div>
</div>
<div className="space-y-2">
<div className="flex items-center gap-3">
<div className="w-1.5 h-1.5 bg-orange-400 rounded-full flex-shrink-0" />
<p className="text-white/80 text-sm">
Save any webpage to supermemory
</p>
</div>
<div className="flex items-center gap-3">
<div className="w-1.5 h-1.5 bg-orange-400 rounded-full flex-shrink-0" />
<p className="text-white/80 text-sm">
Import All your Twitter Bookmarks
</p>
</div>
<div className="flex items-center gap-3">
<div className="w-1.5 h-1.5 bg-orange-400 rounded-full flex-shrink-0" />
<p className="text-white/80 text-sm">
Bring all your chatGPT memories to Supermemory
</p>
</div>
</div>
Expand Down
16 changes: 9 additions & 7 deletions apps/web/lib/analytics.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import posthog from "posthog-js";
import posthog from "posthog-js"

export const analytics = {
userSignedOut: () => posthog.capture("user_signed_out"),
Expand All @@ -7,11 +7,11 @@ export const analytics = {
tourSkipped: () => posthog.capture("tour_skipped"),

memoryAdded: (props: {
type: "note" | "link" | "file";
project_id?: string;
content_length?: number;
file_size?: number;
file_type?: string;
type: "note" | "link" | "file"
project_id?: string
content_length?: number
file_size?: number
file_type?: string
}) => posthog.capture("memory_added", props),

memoryDetailOpened: () => posthog.capture("memory_detail_opened"),
Expand Down Expand Up @@ -41,4 +41,6 @@ export const analytics = {

mcpViewOpened: () => posthog.capture("mcp_view_opened"),
mcpInstallCmdCopied: () => posthog.capture("mcp_install_cmd_copied"),
};

extensionInstallClicked: () => posthog.capture("extension_install_clicked"),
}
Loading