diff --git a/package-lock.json b/package-lock.json
index 894c754..286e2fc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,8 @@
         "@tanstack/react-table": "^8.9.3",
         "@wagmi/cli": "^1.3.0",
         "buffer": "^6.0.3",
+        "graphql": "^16.8.0",
+        "graphql-request": "^6.1.0",
         "process": "^0.11.10",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -1679,6 +1681,14 @@
         "cross-fetch": "^3.1.5"
       }
     },
+    "node_modules/@graphql-typed-document-node/core": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
+      "integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==",
+      "peerDependencies": {
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+      }
+    },
     "node_modules/@heroicons/react": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.18.tgz",
@@ -5028,6 +5038,26 @@
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
+    "node_modules/graphql": {
+      "version": "16.8.0",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.8.0.tgz",
+      "integrity": "sha512-0oKGaR+y3qcS5mCu1vb7KG+a89vjn06C7Ihq/dDl3jA+A8B3TKomvi3CiEcVLJQGalbu8F52LxkOym7U5sSfbg==",
+      "engines": {
+        "node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
+      }
+    },
+    "node_modules/graphql-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/graphql-request/-/graphql-request-6.1.0.tgz",
+      "integrity": "sha512-p+XPfS4q7aIpKVcgmnZKhMNqhltk20hfXtkaIkTfjjmiKMJ5xrt5c743cL03y/K7y1rg3WrIC49xGiEQ4mxdNw==",
+      "dependencies": {
+        "@graphql-typed-document-node/core": "^3.2.0",
+        "cross-fetch": "^3.1.5"
+      },
+      "peerDependencies": {
+        "graphql": "14 - 16"
+      }
+    },
     "node_modules/has": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -8865,6 +8895,11 @@
         "cross-fetch": "^3.1.5"
       }
     },
+    "@graphql-typed-document-node/core": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
+      "integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ=="
+    },
     "@heroicons/react": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.18.tgz",
@@ -11356,6 +11391,20 @@
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
+    "graphql": {
+      "version": "16.8.0",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.8.0.tgz",
+      "integrity": "sha512-0oKGaR+y3qcS5mCu1vb7KG+a89vjn06C7Ihq/dDl3jA+A8B3TKomvi3CiEcVLJQGalbu8F52LxkOym7U5sSfbg=="
+    },
+    "graphql-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/graphql-request/-/graphql-request-6.1.0.tgz",
+      "integrity": "sha512-p+XPfS4q7aIpKVcgmnZKhMNqhltk20hfXtkaIkTfjjmiKMJ5xrt5c743cL03y/K7y1rg3WrIC49xGiEQ4mxdNw==",
+      "requires": {
+        "@graphql-typed-document-node/core": "^3.2.0",
+        "cross-fetch": "^3.1.5"
+      }
+    },
     "has": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
diff --git a/package.json b/package.json
index b19f972..3c9168f 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,8 @@
     "@tanstack/react-table": "^8.9.3",
     "@wagmi/cli": "^1.3.0",
     "buffer": "^6.0.3",
+    "graphql": "^16.8.0",
+    "graphql-request": "^6.1.0",
     "process": "^0.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -42,4 +44,4 @@
     "typescript": "^4.9.5",
     "vite": "^4.1.4"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/EnablePlugin.tsx b/src/components/EnablePlugin.tsx
index 5dd8f61..97952aa 100644
--- a/src/components/EnablePlugin.tsx
+++ b/src/components/EnablePlugin.tsx
@@ -12,6 +12,7 @@ import "../../styles/enablePlugin.css";
 import { encodeFunctionData } from "viem";
 
 import useGnosisBatch from "../queries/useGnosisBatch";
+import useGetUserGaugePositions from "../queries/useGetUserGaugePositions";
 
 import {
   smartGardenManagerABI,
@@ -19,20 +20,20 @@ import {
   harvesterPluginAddress,
 } from "../generated";
 
-// TODO: this gauge addr needs to be retrieve from subgraph. Probably auto-fill a select options?
-// https://optimistic.etherscan.io/address/0xa1034Ed2C9eb616d6F7f318614316e64682e7923
-const GAUGE_USDC_DOLA_ADDRESS = "0xa1034Ed2C9eb616d6F7f318614316e64682e7923";
-
 export function EnablePlugin() {
   const { mutate: gnosisBatch } = useGnosisBatch();
+  const { data: gaugePositions, isLoading, error } = useGetUserGaugePositions();
 
   // defaulting: 86400(1 - day)
   const formPluginConfig = useFormStore({
-    defaultValues: { gaugeAddr: GAUGE_USDC_DOLA_ADDRESS, cadence: 86400 },
+    defaultValues: { gaugeAddr: "", cadence: 86400 },
   });
   const cadenceValue = formPluginConfig.useValue(
     formPluginConfig.names.cadence,
   );
+  const gaugeAddrValue = formPluginConfig.useValue(
+    formPluginConfig.names.gaugeAddr,
+  );
 
   formPluginConfig.useSubmit(() => {
     const values = formPluginConfig.getState().values;
@@ -64,6 +65,13 @@ export function EnablePlugin() {
       parseInt(event.target.value),
     );
 
+  // Use to modify the value of `vault` in the <select> action for the gauges that safe is in
+  const onGaugeChangeAction = (event: React.ChangeEvent<HTMLSelectElement>) =>
+    formPluginConfig.setValue(
+      formPluginConfig.names.gaugeAddr,
+      event.target.value,
+    );
+
   // Options for feeding the <options> html -> (10min, 1h, 1d, 3d, 1w)
   const cadenceOptions = [
     { sec: 600, str: "Once every ten minutes" },
@@ -79,14 +87,23 @@ export function EnablePlugin() {
       <Form store={formPluginConfig} className="wrapper">
         <div className="field">
           <FormLabel name={formPluginConfig.names.gaugeAddr}>
-            Gauge Address
+            Gauges your Safe is currently active
           </FormLabel>
-          <FormInput
+          <FormField
             name={formPluginConfig.names.gaugeAddr}
+            value={gaugeAddrValue}
+            touchOnBlur={false}
             required
-            placeholder="0x.."
-            className="input"
-          />
+            render={<select onChange={onGaugeChangeAction} />}
+          >
+            {gaugePositions?.map((gauge, index) => {
+              return (
+                <option key={index} value={gauge.id}>
+                  {gauge.pool_name}
+                </option>
+              );
+            })}
+          </FormField>
           <FormError
             name={formPluginConfig.names.gaugeAddr}
             className="error"
diff --git a/src/components/GraphQuery.tsx b/src/components/GraphQuery.tsx
deleted file mode 100644
index 02e3e62..0000000
--- a/src/components/GraphQuery.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-export async function getBalance(_address: string) {
-  // define url and query
-  var url =
-    "https://api.studio.thegraph.com/query/50162/smartgarden/v0.0.2e";
-  var query = `{
-    gaugePosition(id: "${_address}") {
-      balance
-    }
-  }`;
-
-  // add request metadata
-  var options = {
-    method: "POST",
-    headers: {"Content-Type": "application/json"},
-    body: JSON.stringify({
-      query: query,
-    }),
-  };
-
-  // fetch data
-  var response = await fetch(url, options);
-
-  // parse as json
-  var queryResult = await response.json();
-
-  // determine balance or default to 0
-  try {
-    var balance = queryResult["data"]["gaugePosition"]["balance"];
-  }
-  catch {
-    var balance = 0;
-  }
-
-  // log result
-  console.log(balance);
-}
diff --git a/src/helpers/chainDetails.tsx b/src/helpers/chainDetails.tsx
new file mode 100644
index 0000000..a7154ab
--- /dev/null
+++ b/src/helpers/chainDetails.tsx
@@ -0,0 +1,13 @@
+// in future this `type` may contain more data pieces
+interface IChainDetails {
+  [key: number]: {
+    subgraphGauges: string;
+  };
+}
+
+export const chainDetails: IChainDetails = {
+  10: {
+    subgraphGauges:
+      "https://api.studio.thegraph.com/proxy/50162/smartgarden-optimism-gauges/version/latest",
+  },
+};
diff --git a/src/queries/graphql/gaugePositions.tsx b/src/queries/graphql/gaugePositions.tsx
new file mode 100644
index 0000000..84a6697
--- /dev/null
+++ b/src/queries/graphql/gaugePositions.tsx
@@ -0,0 +1,14 @@
+import { gql } from "graphql-request";
+
+export const GET_GAUGE_POSITIONS = gql`
+  query UserGaugePositions($safeAddr: String!) {
+    gaugePositions(where: { user: $safeAddr, balance_gt: "0" }) {
+      gauge {
+        id
+        protocol
+        pool
+        pool_name
+      }
+    }
+  }
+`;
diff --git a/src/queries/useGetUserGaugePositions.tsx b/src/queries/useGetUserGaugePositions.tsx
new file mode 100644
index 0000000..12aff86
--- /dev/null
+++ b/src/queries/useGetUserGaugePositions.tsx
@@ -0,0 +1,53 @@
+import { useQuery } from "@tanstack/react-query";
+import { useAccount, useNetwork } from "wagmi";
+
+import { request } from "graphql-request";
+
+import { chainDetails } from "../helpers/chainDetails";
+import { GET_GAUGE_POSITIONS } from "./graphql/gaugePositions";
+
+export interface IGaugePositions {
+  id: string;
+  pool_name: string;
+}
+
+async function getUserGaugePositions(
+  safeAddress: string | undefined,
+  chainId: number | undefined,
+) {
+  try {
+    if (!safeAddress) throw new Error("No Safe Account");
+    if (!chainId) throw new Error("Missing Chain ID");
+    if (!chainDetails[chainId].subgraphGauges)
+      throw new Error("No Gauge subgraph url available");
+    const queryVars = {
+      safeAddr: `${safeAddress}`,
+    };
+    const positions = (
+      await request(
+        chainDetails[chainId].subgraphGauges,
+        GET_GAUGE_POSITIONS,
+        queryVars,
+      )
+    ).gaugePositions;
+    const gaugeResults: IGaugePositions[] = [];
+    positions.forEach((position: any) => {
+      gaugeResults.push({
+        id: position.gauge.id,
+        pool_name: position.gauge.pool_name,
+      });
+    });
+    return gaugeResults;
+  } catch (error) {
+    console.error(error);
+    return null;
+  }
+}
+
+export default function useGetUserGaugePositions() {
+  const { address } = useAccount();
+  const { chain } = useNetwork();
+  return useQuery(["userGaugePositions", address?.toLowerCase()], () =>
+    getUserGaugePositions(address?.toLowerCase(), chain?.id),
+  );
+}
diff --git a/src/queries/user_active_stakes.graphql b/src/queries/user_active_stakes.graphql
index a6d7476..80eba72 100644
--- a/src/queries/user_active_stakes.graphql
+++ b/src/queries/user_active_stakes.graphql
@@ -17,4 +17,4 @@ query UserGaugePositions {
       pool_name
     }
   }
-}
+}
\ No newline at end of file