refactor: Modularize InternalTools with Tools rendering helper

heyverse · Mar 6, 2025 · 20fa163 · 20fa163
1 parent a1f12cd
commit 20fa163
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/apps/web/src/components/Account/InternalTools.tsx b/apps/web/src/components/Account/InternalTools.tsx
@@ -18,14 +18,20 @@ const InternalTools: FC<InternalToolsProps> = ({ account }) => {
     return null;
   }
 
+  const Tools = () => (
+    <>
+      {hasCreatorToolAccess && <CreatorTool account={account} />}
+      {isStaff && <StaffTool account={account} />}
+    </>
+  );
+
   return (
     <Card
       as="aside"
       className="!bg-yellow-300/20 mb-4 space-y-5 border-yellow-400 p-5 text-yellow-600"
       forceRounded
     >
-      {hasCreatorToolAccess && <CreatorTool account={account} />}
-      {isStaff && <StaffTool account={account} />}
+      <Tools />
     </Card>
   );
 };