Linting

Author: dannyroosevelt

docs-v2/components/ConnectLinkDemo.jsx

@@ -1,11 +1,23 @@
 "use client";
 
-import { useState, useEffect } from "react";
-import { useGlobalConnect } from "./GlobalConnectProvider";
+import {
+  useState,
+  useEffect,
+} from "react";
+import {
+  useGlobalConnect,
+} from "./GlobalConnectProvider";
 
 export default function ConnectLinkDemo() {
-  const { tokenData, appSlug, setAppSlug } = useGlobalConnect();
-  const [connectLinkUrl, setConnectLinkUrl] = useState("");
+  const {
+    tokenData,
+    appSlug,
+    setAppSlug,
+  } = useGlobalConnect();
+  const [
+    connectLinkUrl,
+    setConnectLinkUrl,
+  ] = useState("");
 
   useEffect(() => {
     if (tokenData?.connect_link_url) {
@@ -92,12 +104,12 @@ export default function ConnectLinkDemo() {
 
         <div className="mt-4 text-sm text-gray-600">
           <p>
-            This URL contains a Connect Token that expires in 4 hours 
+            This URL contains a Connect Token that expires in 4 hours
             <strong> or after it&apos;s used once</strong>.
             You can send this link to your users via email, SMS, or chat.
           </p>
           <p className="mt-2 text-xs text-gray-500">
-            <strong>Note:</strong> Connect tokens are single-use. After a successful connection, 
+            <strong>Note:</strong> Connect tokens are single-use. After a successful connection,
             you&apos;ll need to generate a new token.
           </p>
         </div>

docs-v2/components/GlobalConnectProvider.jsx

@@ -1,19 +1,19 @@
 "use client";
 
-import { 
-  createContext, 
-  useContext, 
-  useState, 
-  useEffect 
+import {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
 } from "react";
 import { createFrontendClient } from "@pipedream/sdk/browser";
-import { 
-  getServerCodeSnippet, 
-  getClientCodeSnippet 
+import {
+  getServerCodeSnippet,
+  getClientCodeSnippet,
 } from "./ConnectCodeSnippets";
-import { 
-  generateConnectToken, 
-  fetchAccountDetails 
+import {
+  generateConnectToken,
+  fetchAccountDetails,
 } from "./api";
 
 /**
@@ -22,8 +22,8 @@ import {
 function generateUUID() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
     const r = Math.random() * 16 | 0;
-    const v = c === "x" 
-      ? r 
+    const v = c === "x"
+      ? r
       : (r & 0x3 | 0x8);
     return v.toString(16);
   });
@@ -38,32 +38,32 @@ const GlobalConnectContext = createContext(null);
 export function GlobalConnectProvider({ children }) {
   // User and app state
   const [
-    appSlug, 
-    setAppSlug
+    appSlug,
+    setAppSlug,
   ] = useState("slack");
   const [
-    externalUserId, 
-    setExternalUserId
+    externalUserId,
+    setExternalUserId,
   ] = useState("");
   const [
-    connectedAccount, 
-    setConnectedAccount
+    connectedAccount,
+    setConnectedAccount,
   ] = useState(null);
 
   // Token state
   const [
-    tokenData, 
-    setTokenData
+    tokenData,
+    setTokenData,
   ] = useState(null);
-  
+
   // UI state
   const [
-    tokenLoading, 
-    setTokenLoading
+    tokenLoading,
+    setTokenLoading,
   ] = useState(false);
   const [
-    error, 
-    setError
+    error,
+    setError,
   ] = useState(null);
 
   // Generate a new UUID when the component mounts