aboutsummaryrefslogtreecommitdiff
path: root/apps/web/components/get-started.tsx
diff options
context:
space:
mode:
authorDhravya Shah <[email protected]>2025-09-18 20:34:18 -0700
committerDhravya Shah <[email protected]>2025-09-18 21:03:49 -0700
commit1fcb56908920da386900abb4ce2383374a625c72 (patch)
tree0f9d7f695d4c9b1b85be3950fc869e0061dff3ed /apps/web/components/get-started.tsx
parentrefetching logic change (diff)
downloadsupermemory-09-18-formatting.tar.xz
supermemory-09-18-formatting.zip
Diffstat (limited to 'apps/web/components/get-started.tsx')
-rw-r--r--apps/web/components/get-started.tsx58
1 files changed, 29 insertions, 29 deletions
diff --git a/apps/web/components/get-started.tsx b/apps/web/components/get-started.tsx
index 1619ca2e..8c44de88 100644
--- a/apps/web/components/get-started.tsx
+++ b/apps/web/components/get-started.tsx
@@ -1,26 +1,26 @@
-import { AnimatePresence, motion } from "framer-motion"
-import { Brain, Chrome, ExternalLink, Plus } from "lucide-react"
-import { useEffect, useState } from "react"
-import { ConnectAIModal } from "@/components/connect-ai-modal"
-import { analytics } from "@/lib/analytics"
+import { AnimatePresence, motion } from "framer-motion";
+import { Brain, Chrome, ExternalLink, Plus } from "lucide-react";
+import { useEffect, useState } from "react";
+import { ConnectAIModal } from "@/components/connect-ai-modal";
+import { analytics } from "@/lib/analytics";
interface GetStartedProps {
- setShowAddMemoryView?: (show: boolean) => void
+ setShowAddMemoryView?: (show: boolean) => void;
}
export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
- const [imageLoaded, setImageLoaded] = useState(false)
- const [showContent, setShowContent] = useState(false)
- const [showConnectAIModal, setShowConnectAIModal] = useState(false)
+ const [imageLoaded, setImageLoaded] = useState(false);
+ const [showContent, setShowContent] = useState(false);
+ const [showConnectAIModal, setShowConnectAIModal] = useState(false);
useEffect(() => {
- const img = new Image()
+ const img = new Image();
img.onload = () => {
- setImageLoaded(true)
- setTimeout(() => setShowContent(true), 100)
- }
- img.src = "/images/onboarding.png"
- }, [])
+ setImageLoaded(true);
+ setTimeout(() => setShowContent(true), 100);
+ };
+ img.src = "/images/onboarding.png";
+ }, []);
const containerVariants = {
hidden: { opacity: 0 },
@@ -33,7 +33,7 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
delayChildren: 0.2,
},
},
- }
+ };
const leftColumnVariants = {
hidden: {
@@ -49,7 +49,7 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
staggerChildren: 0.1,
},
},
- }
+ };
const rightColumnVariants = {
hidden: {
@@ -66,7 +66,7 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
staggerChildren: 0.1,
},
},
- }
+ };
const textLineVariants = {
hidden: {
@@ -81,7 +81,7 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
ease: [0.25, 0.1, 0.25, 1] as const,
},
},
- }
+ };
const cardVariants = {
hidden: {
@@ -98,7 +98,7 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
ease: [0.25, 0.1, 0.25, 1] as const,
},
},
- }
+ };
const backgroundVariants = {
hidden: {
@@ -113,22 +113,22 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
ease: [0.25, 0.1, 0.25, 1] as const,
},
},
- }
+ };
const handleChromeExtension = () => {
- analytics.extensionInstallClicked()
+ analytics.extensionInstallClicked();
window.open(
"https://chromewebstore.google.com/detail/supermemory/afpgkkipfdpeaflnpoaffkcankadgjfc",
"_blank",
- )
- }
+ );
+ };
const handleAddMemory = () => {
- setShowConnectAIModal(false)
+ setShowConnectAIModal(false);
if (setShowAddMemoryView) {
- setShowAddMemoryView(true)
+ setShowAddMemoryView(true);
}
- }
+ };
return (
<div className="fixed inset-0 overflow-hidden bg-black">
@@ -358,5 +358,5 @@ export const GetStarted = ({ setShowAddMemoryView }: GetStartedProps) => {
</>
)}
</div>
- )
-}
+ );
+};