diff --git a/packages/web/lib/networking/mutations/setIntegrationMutation.ts b/packages/web/lib/networking/mutations/setIntegrationMutation.ts
new file mode 100644
index 000000000..83b567b8d
--- /dev/null
+++ b/packages/web/lib/networking/mutations/setIntegrationMutation.ts
@@ -0,0 +1,65 @@
+import { gql } from 'graphql-request'
+import { gqlFetcher } from '../networkHelpers'
+
+type IntegrationType = 'readwise'
+
+export type SetIntegrationInput = {
+  id?: string
+  type: IntegrationType
+  token: string,
+  enabled: boolean
+}
+
+type SetIntegrationResult = {
+  setIntegration?: SetIntegrationSuccess
+  errorCodes?: unknown[]
+}
+
+type SetIntegrationSuccess = {
+  integration: Integration
+}
+
+type Integration = {
+  id: string
+  type: IntegrationType
+  token: string
+  enabled: boolean
+  createdAt: Date
+  updatedAt: Date
+}
+
+export async function setIntegrationMutation(
+  input: SetIntegrationInput
+): Promise<string | undefined> {
+  const mutation = gql`
+    mutation SetIntegration(
+      $input: SetIntegrationInput!
+    ) {
+      setIntegration(input: $input) {
+        ... on SetIntegrationSuccess {
+          integration {
+            id
+            type
+            token
+            enabled
+            createdAt
+            updatedAt
+          }
+        }
+        ... on SetIntegrationError {
+          errorCodes
+        }
+      }
+    }
+  `
+
+  try {
+    const data = await gqlFetcher(mutation) as SetIntegrationResult
+    console.log(input, data);
+    const output = data as any
+    console.log(output)
+    return output?.updatedLabel
+  } catch (err) {
+    return undefined
+  }
+}
diff --git a/packages/web/lib/networking/queries/useGetIntegrationsQuery.tsx b/packages/web/lib/networking/queries/useGetIntegrationsQuery.tsx
new file mode 100644
index 000000000..48f7718e6
--- /dev/null
+++ b/packages/web/lib/networking/queries/useGetIntegrationsQuery.tsx
@@ -0,0 +1,76 @@
+import { gql } from 'graphql-request'
+import useSWR from 'swr'
+import { publicGqlFetcher } from '../networkHelpers'
+
+export interface Integration {
+  id: String
+  type: IntegrationType
+  token: String
+  enabled: Boolean
+  createdAt: Date
+  updatedAt: Date
+}
+
+export type IntegrationType =
+  | 'READWISE'
+
+interface IntegrationsQueryResponse {
+  isValidating: boolean
+  integrations: Integration[]
+  revalidate: () => void
+}
+
+interface IntegrationsQueryResponseData {
+  integrations: IntegrationsData
+}
+
+interface IntegrationsData {
+  integrations: unknown
+}
+
+export function useGetIntegrationsQuery(): IntegrationsQueryResponse {
+  const query = gql`
+    query GetIntegrations {
+      integrations {
+        ... on IntegrationsSuccess {
+          integrations {
+            id
+            type
+            token
+            enabled
+            createdAt
+            updatedAt
+          }
+        }
+        ... on IntegrationsError {
+          errorCodes
+        }
+      }
+    }
+  `
+
+  const { data, mutate, error, isValidating } = useSWR(query, publicGqlFetcher)
+  console.log('integrations data', data)
+
+  try {
+    if (data) {
+      const result = data as IntegrationsQueryResponseData
+      const integrations = result.integrations.integrations as Integration[]
+      return {
+        isValidating,
+        integrations,
+        revalidate: () => {
+          mutate()
+        },
+      }
+    }
+  } catch (error) {
+    console.log('error', error)
+  }
+  return {
+    isValidating: false,
+    integrations: [],
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    revalidate: () => {},
+  }
+}