Refactor ClientResetHUDButton to use ClerkProvider, rename inner comp…

…onent to AuthenticatedResetHUDButton for clarity.
OpenAgentsInc · Aug 29, 2024 · 08c3efe · 08c3efe
1 parent 619fbea
commit 08c3efe
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/components/ClientResetHUDButton.tsx b/components/ClientResetHUDButton.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from 'react';
-import { useAuth } from "@clerk/nextjs";
+import { useAuth, ClerkProvider } from "@clerk/nextjs";
 import ResetHUDButton from "./ResetHUDButton";
 
-const ClientResetHUDButton: React.FC = () => {
+const AuthenticatedResetHUDButton: React.FC = () => {
   const { isSignedIn } = useAuth();
 
   if (!isSignedIn) {
@@ -14,4 +14,12 @@ const ClientResetHUDButton: React.FC = () => {
   return <ResetHUDButton />;
 };
 
+const ClientResetHUDButton: React.FC = () => {
+  return (
+    <ClerkProvider>
+      <AuthenticatedResetHUDButton />
+    </ClerkProvider>
+  );
+};
+
 export default ClientResetHUDButton;