refactor: Improve MetaDetails component with TypeScript type definition

heyverse · Mar 6, 2025 · 783077b · 783077b
1 parent 20fa163
commit 783077b
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/apps/web/src/components/Account/MetaDetails.tsx b/apps/web/src/components/Account/MetaDetails.tsx
@@ -1,12 +1,11 @@
-import type { ReactNode } from "react";
+import type { FC, ReactNode } from "react";
 
-const MetaDetails = ({
-  children,
-  icon
-}: {
+interface MetaDetailsProps {
   children: ReactNode;
   icon: ReactNode;
-}) => (
+}
+
+const MetaDetails: FC<MetaDetailsProps> = ({ children, icon }) => (
   <div className="flex items-center gap-2">
     {icon}
     <div className="truncate text-md">{children}</div>