diff --git a/src/components/Animate/MseTypo/MseTypo.tsx b/src/components/Animate/MseTypo/MseTypo.tsx index 018d018..4bea5e3 100644 --- a/src/components/Animate/MseTypo/MseTypo.tsx +++ b/src/components/Animate/MseTypo/MseTypo.tsx @@ -1,8 +1,8 @@ "use client"; -import { useRef } from "react"; -import { motion, useInView } from "framer-motion"; -import { cn } from "@/utils"; import { titleFont, titleFontBold } from "@/fonts/fonts"; +import { cn } from "@/utils"; +import { motion, useInView } from "framer-motion"; +import { useRef } from "react"; export const strokeAnimation = { hidden: { strokeDashoffset: 650, strokeDasharray: 650 }, @@ -16,16 +16,20 @@ export const strokeAnimation = { }, } as const; -const MseTypo = ({ bgColor = "bg-indigo-500", isWhite = false }: { bgColor?: string, isWhite?: boolean }) => { +const MseTypo = ({ + bgColor = "bg-indigo-500", + isWhite = false, +}: { + bgColor?: string; + isWhite?: boolean; +}) => { const containerRef = useRef(null); const isInView = useInView(containerRef, { amount: 0.5 }); - const textColor = `${bgColor - .replace(/bg/, "text") - .replace(/-400/, "")} opacity-90`; - const fillColor = `fill-white`; - const strokeColor = isWhite ? "stroke-white" : `${bgColor.replace(/bg/, "stroke")} opacity-80`; + const strokeColor = isWhite + ? "stroke-white" + : `${bgColor.replace(/bg/, "stroke")} opacity-80`; return ( { checkIsFoundTag(tagName, tag) ); - console.log("isAlreadySearched", isAlreadySearched); if (isAlreadySearched) { setSearchTag(""); setSelectedTags((prev) => []);