From 6119fd0939210fe2ca1fec570219cdef5e92d7fe Mon Sep 17 00:00:00 2001
From: Rodrigo Luglio <rodrigo@rlabs.com.br>
Date: Sun, 13 Oct 2024 12:58:19 -0300
Subject: [PATCH] warning theme controls

---
 src/components/ThemeControls.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/ThemeControls.tsx b/src/components/ThemeControls.tsx
index d932614..cd36970 100644
--- a/src/components/ThemeControls.tsx
+++ b/src/components/ThemeControls.tsx
@@ -26,8 +26,10 @@ import ThemeSaver from './ThemeSaver'
 import { ColorScheme } from '@/lib/types/colors'
 import { randomInteger } from '@/lib/utils/math'
 import { ThemeLoader } from './ThemeLoader'
+import { useUser } from '@clerk/nextjs'
 
 const ThemeControls: React.FC = () => {
+  const { user } = useUser()
   const [themeName, setThemeName] = useState<string>('')
 
   const {
@@ -131,6 +133,11 @@ const ThemeControls: React.FC = () => {
   return (
     <section className="flex flex-col gap-5 w-full">
       <h2 className="text-xl font-semibold">Theme Controls</h2>
+      {!user && (
+        <p className="text-xs text-muted-foreground">
+          You must be logged in to save and/or download created themes.
+        </p>
+      )}
       <TooltipProvider>
         <div className="flex gap-5">
           <div className="flex flex-1 items-end gap-4">