Fixed type errors

Omni-Forge · Jan 6, 2025 · 0ce5192 · 0ce5192
1 parent 7e44ff6
commit 0ce5192
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 9 deletions.
diff --git a/components/blocks/features.tsx b/components/blocks/features.tsx
@@ -52,7 +52,16 @@ const features = [
     }
 ];
 
-const FeatureCard = ({ feature }) => {
+interface Feature {
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+    detail: string;
+    area: string;
+    className: string;
+}
+
+const FeatureCard = ({ feature }: { feature: Feature }) => {
     return (
         <div 
             className={`group relative p-6 bg-black border border-zinc-800 

diff --git a/components/blocks/ghstats.tsx b/components/blocks/ghstats.tsx
@@ -13,13 +13,13 @@ const fetchGitHubStats = async () => {
     };
 };
 
-const fetchContributors = async (url) => {
+const fetchContributors = async (url: string | URL | Request) => {
     const response = await fetch(url);
     const data = await response.json();
     return data.length;
 };
 
-const MetricCard = ({ icon: Icon, label, value, detail }) => (
+const MetricCard = ({ icon: Icon, label, value, detail }: { icon: React.ElementType, label: string, value: number | string, detail: string }) => (
     <div className="relative group">
         {/* Card content */}
         <div className="p-6 bg-zinc-900/50 border border-zinc-800 rounded-sm 

diff --git a/components/blocks/hero.tsx b/components/blocks/hero.tsx
@@ -3,7 +3,7 @@
 import React, { useState, useEffect } from 'react';
 import { Zap, Server, Lock } from 'lucide-react';
 
-const generateRacks = (count) => {
+const generateRacks = (count: number) => {
     return Array.from({ length: count }, (_, index) => {
         const xStep = 6;
         const yStep = 3.6;
@@ -104,9 +104,7 @@ const Hero = () => {
                                 alt={`Server Rack ${index + 1}`}
                                 className="h-96"
                                 style={{
-                                    '--tw-translate-x': `${transform.x}rem`,
-                                    '--tw-translate-y': `${transform.y}rem`,
-                                    transform: 'translate(var(--tw-translate-x), var(--tw-translate-y))',
+                                    transform: `translate(${transform.x}rem, ${transform.y}rem)`,
                                     zIndex: transform.z
                                 }}
                             />

diff --git a/components/blocks/workflow.tsx b/components/blocks/workflow.tsx
@@ -66,7 +66,7 @@ const Workflow = () => {
   }, []);
 
   useEffect(() => {
-    let interval;
+    let interval: string | number | NodeJS.Timeout | undefined;
     if (isVisible) {
       interval = setInterval(() => {
         setActivePhase((prev) => (prev + 1) % phases.length);

diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
@@ -40,7 +40,7 @@ const ForgeLogoSVG = () => (
   </svg>
 );
 
-const NavLink = ({ href, children }) => (
+const NavLink: React.FC<{ href: string; children: React.ReactNode }> = ({ href, children }) => (
   <Link
     href={href}
     className="text-sm text-zinc-400 hover:text-white transition-colors duration-200"