Add comment, return null

Author: madebyisaacr

plugins/google-sheets/src/pages/Authenticate.tsx

@@ -81,6 +81,7 @@ export function Authenticate({ onAuthenticated }: AuthenticationProps) {
                     <span className="pl-[10px]">Map the column fields to the CMS</span>
                 </li>
             </ol>
+            {/* Don't disable button because we want to allow the user to reopen the log in page if they close it without finishing */}
             <button onClick={login} className="flex flex-row gap-[8px]">
                 {isLoading ? (
                     <div className="framer-spinner" />

plugins/google-sheets/src/pages/SelectSheet.tsx

@@ -17,7 +17,7 @@ export function SelectSheetPage({ onError, onSheetSelected }: Props) {
     const [selectedSheetTitle, setSelectedSheetTitle] = useState<string>("")
 
     const selectedSpreadsheetId = useMemo(() => {
-        if (!spreadsheetUrl) return ""
+        if (!spreadsheetUrl) return null
 
         try {
             const url = new URL(spreadsheetUrl)
@@ -27,15 +27,15 @@ export function SelectSheetPage({ onError, onSheetSelected }: Props) {
 
             return id
         } catch (err) {
-            return ""
+            return null
         }
     }, [spreadsheetUrl])
 
     const {
         data: spreadsheetInfo,
         isFetching: isFetchingSheets,
         isError: isSpreadSheetInfoError,
-    } = useSpreadsheetInfoQuery(selectedSpreadsheetId)
+    } = useSpreadsheetInfoQuery(selectedSpreadsheetId ?? "")
 
     useEffect(() => {
         if (isSpreadSheetInfoError) {