add email support when access code is set

frontend/src/App.tsx

@@ -172,7 +172,7 @@ function App() {
 
   return (
     <div className="mt-2">
-      {IS_RUNNING_ON_CLOUD && <PicoBadge />}
+      {IS_RUNNING_ON_CLOUD && <PicoBadge settings={settings} />}
       {IS_RUNNING_ON_CLOUD && (
         <TermsOfServiceDialog
           open={!settings.isTermOfServiceAccepted}

frontend/src/components/PicoBadge.tsx

@@ -1,4 +1,6 @@
-export function PicoBadge() {
+import { Settings } from "../types";
+
+export function PicoBadge({ settings }: { settings: Settings }) {
   return (
     <>
       <a
@@ -12,6 +14,7 @@ export function PicoBadge() {
           feature requests?
         </div>
       </a>
+      {!settings.accessCode && (
         <a href="https://picoapps.xyz?ref=screenshot-to-code" target="_blank">
           <div
             className="fixed z-50 bottom-5 right-5 rounded-md shadow text-black
@@ -20,6 +23,17 @@ export function PicoBadge() {
             an open source project by Pico
           </div>
         </a>
+      )}
+      {settings.accessCode && (
+        <a href="mailto:support@picoapps.xyz" target="_blank">
+          <div
+            className="fixed z-50 bottom-5 right-5 rounded-md shadow text-black
+         bg-white px-4 text-xs py-3 cursor-pointer"
+          >
+            email support
+          </div>
+        </a>
+      )}
     </>
   );
 }