diff --git a/src/app/page.tsx b/src/app/page.tsx
index 61f4ed3..3454b07 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ export default function LandingPage() {
return (
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..6359691 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,65 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React, { useState, useEffect } from 'react';
interface SvgTextLogoProps {
- logoText: string;
- adjustHeightFactor?: number;
- verticalAlign?: "top" | "center";
+ text: string;
className?: string;
+ fontSize?: number;
+ fontWeight?: number | string;
+ fontFamily?: string;
+ fill?: string;
+ textAnchor?: 'start' | 'middle' | 'end';
+ dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging';
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ fontSize = 48,
+ fontWeight = 'bold',
+ fontFamily = 'system-ui, -apple-system, sans-serif',
+ fill = 'currentColor',
+ textAnchor = 'middle',
+ dominantBaseline = 'middle',
+}) => {
+ const [dimensions, setDimensions] = useState({ width: 100, height: 100 });
+ const svgRef = React.useRef(null);
+
+ useEffect(() => {
+ if (svgRef.current) {
+ const textElement = svgRef.current.querySelector('text');
+ if (textElement) {
+ const bbox = (textElement as SVGTextElement).getBBox();
+ setDimensions({
+ width: Math.ceil(bbox.width) + 20,
+ height: Math.ceil(bbox.height) + 20,
+ });
+ }
+ }
+ }, [text, fontSize, fontWeight, fontFamily]);
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file