show warning if connecting with safe wallet

packages/nextjs/app/cow/page.tsx

@@ -4,13 +4,17 @@ import { useEffect, useState } from "react";
 import { PoolConfiguration, PoolCreation } from "./_components";
 import type { NextPage } from "next";
 import { CowAMM } from "~~/components/assets/CowAMM";
+import { Alert } from "~~/components/common/Alert";
 import { usePoolCreationStore } from "~~/hooks/cow/usePoolCreationStore";
+import { useIsSafeWallet } from "~~/hooks/safe";
 
 const CowAmm: NextPage = () => {
   const [isMounted, setIsMounted] = useState(false);
 
   const { poolCreation, updatePoolCreation, clearPoolCreation } = usePoolCreationStore();
 
+  const isSafeWallet = useIsSafeWallet();
+
   useEffect(() => {
     setIsMounted(true);
   }, []);
@@ -23,6 +27,11 @@ const CowAmm: NextPage = () => {
             <CowAMM width="333" />
             {!isMounted ? (
               <CowLoadingSkeleton />
+            ) : isSafeWallet ? (
+              <Alert type="warning">
+                Safe wallets are not yet supported for CoW AMM pool creation. Please create the pool with an externally
+                owned account, and then add liquidity on balancer.fi with your Safe wallet.
+              </Alert>
             ) : !poolCreation ? (
               <PoolConfiguration />
             ) : (

packages/nextjs/hooks/safe/index.ts

@@ -0,0 +1 @@
+export * from "./useSafe";

packages/nextjs/hooks/safe/useSafe.ts

@@ -0,0 +1,12 @@
+import { useAccount } from "wagmi";
+
+export const useIsSafeWallet = () => {
+  const { connector } = useAccount();
+  return connector?.id === "safe";
+};
+
+// export function useShouldBatchTransactions(pool: Pool): boolean {
+//     const isSafeWallet = useIsSafeWallet()
+
+//     return isSafeWallet && isCowAmmPool(pool.type)
+//   }