fix: handle transition to premium correctly

Author: L-a-r-t

assets/locales/en/messages.json

@@ -291,6 +291,10 @@
     "message": "Already have a key? Enter it here",
     "description": "Premium activate description."
   },
+  "premium_chatgpt": {
+    "message": "Your ChatGPT to Notion key will also work here!",
+    "description": "Premium chatgpt key message"
+  },
   "premium_success": {
     "message": "Thanks a lot for your support & purchase! Enjoy autosave and future features as much as you want!",
     "description": "Premium success message."

assets/locales/fr/messages.json

@@ -283,6 +283,10 @@
     "message": "Vous avez déjà une clé ? Entrez-la ici",
     "description": "Premium activate description."
   },
+  "premium_chatgpt": {
+    "message": "Votre clé pour ChatGPT to Notion marche ici aussi !",
+    "description": "Premium chatgpt key message"
+  },
   "premium_success": {
     "message": "Merci beaucoup pour votre achat et votre soutien! Profitez des fonctionnalités premium à votre guise!",
     "description": "Premium success message."

src/api/checkSaveConflict.ts

@@ -20,8 +20,9 @@ export const checkSaveConflict = async ({
 
     const storage = new Storage()
     const savesLeft = await storage.get<number>("savesLeft")
+    const isPremium = await storage.get<boolean>("isPremium")
 
-    if (savesLeft === 0) throw new Error("No saves left today")
+    if (!isPremium && savesLeft === 0) throw new Error("No saves left today")
 
     const notion = await getNotion()
     const { propertiesIds, tags, tagPropertyIndex, tagIndex } = database

src/popup/IndexPopup.tsx

@@ -295,7 +295,9 @@ function IndexPopup() {
         </>
       )}
       <button
-        disabled={loading || success || !authenticated || savesLeft <= 0}
+        disabled={
+          loading || success || !authenticated || (savesLeft <= 0 && !isPremium)
+        }
         className="button disabled:bg-main"
         onClick={() => handleSave()}>
         {!authenticated ? (

src/popup/PremiumPopup.tsx

@@ -14,6 +14,7 @@ dayjs.extend(localizedFormat)
 
 function PremiumPopup() {
   const [isPremium, setPremiumStatus] = useStorage("isPremium", false)
+  const [savesLeft, setSavesLeft] = useStorage("savesLeft", 10)
 
   const [licenseKey, setLicenseKey] = useState("")
   const [loading, setLoading] = useState(false)
@@ -31,6 +32,7 @@ function PremiumPopup() {
       const res = await registerKey(licenseKey)
       setPremiumStatus(res.success)
       setKeyStatus(res.success ? "valid" : "invalid")
+      if (res.success) setSavesLeft(1000)
     } catch (err) {
       console.error(err)
     } finally {
@@ -118,6 +120,9 @@ function PremiumPopup() {
         {keyStatus === "invalid" && i18n("premium_key_activate_error")}
         {loading && <Spinner white small />}
       </button>
+      {keyStatus === "unknown" && (
+        <p className="text-sm">{i18n("premium_chatgpt")}</p>
+      )}
       {/* {keyStatus === "unknown" && (
         <>
           <div className="my-2 relative w-full">

src/popup/SavePopup.tsx

@@ -279,7 +279,9 @@ export default function SavePopup() {
         </>
       )}
       <button
-        disabled={loading || success || !authenticated || savesLeft <= 0}
+        disabled={
+          loading || success || !authenticated || (savesLeft <= 0 && !isPremium)
+        }
         className="button w-full disabled:bg-main"
         onClick={() => handleSave(db!)}>
         {!authenticated ? (