Linting

Author: dannyroosevelt

docs-v2/components/ConnectLinkDemo.jsx

@@ -1,19 +1,11 @@
 "use client";
 
-import {
-  useState, useEffect,
-} from "react";
+import { useState, useEffect } from "react";
 import { useGlobalConnect } from "./GlobalConnectProvider";
-import CodeBlock from "./CodeBlock";
 
 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) {
@@ -100,11 +92,13 @@ 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 <strong>or after it's used once</strong>.
+            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, you'll need to generate a new token.
+            <strong>Note:</strong> Connect tokens are single-use. After a successful connection, 
+            you&apos;ll need to generate a new token.
           </p>
         </div>
       </div>

docs-v2/components/GlobalConnectProvider.jsx

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