From fe42cf763c3b27dc92c8604fd2759c1f9f373576 Mon Sep 17 00:00:00 2001
From: Kyrylo Klymenko <klimenkomud@gmail.com>
Date: Wed, 14 Aug 2024 19:35:47 +0200
Subject: [PATCH 1/4] Transform daoSnapshotENS to lower case

---
 .../DaoCreator/formComponents/EstablishEssentials.tsx     | 6 +++---
 src/components/Proposals/ProposalInfo.tsx                 | 6 ++++--
 .../pages/DaoSettings/components/MetadataContainer.tsx    | 6 +++---
 src/components/ui/cards/DAOInfoCard.tsx                   | 4 ++--
 src/components/ui/cards/DAONodeInfoCard.tsx               | 8 +++++---
 src/components/ui/forms/ABISelector.tsx                   | 4 ++--
 src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts    | 2 +-
 src/hooks/DAO/loaders/useFractalNode.ts                   | 2 +-
 src/hooks/DAO/loaders/useLoadDAONode.ts                   | 4 ++--
 src/hooks/DAO/useGetDAOName.ts                            | 4 ++--
 src/hooks/utils/useAvatar.ts                              | 2 +-
 src/models/DaoTxBuilder.ts                                | 8 ++++----
 12 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
index 825b19e5bb..41fdad3115 100644
--- a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
+++ b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
@@ -5,7 +5,7 @@ import { URL_DOCS_GOV_TYPES } from '../../../constants/url';
 import { createAccountSubstring } from '../../../hooks/utils/useDisplayName';
 import { useFractal } from '../../../providers/App/AppProvider';
 import { useNetworkConfig } from '../../../providers/NetworkConfig/NetworkConfigProvider';
-import { ICreationStepProps, VotingStrategyType, GovernanceType } from '../../../types';
+import { GovernanceType, ICreationStepProps, VotingStrategyType } from '../../../types';
 import { InputComponent, LabelComponent } from '../../ui/forms/InputComponent';
 import LabelWrapper from '../../ui/forms/LabelWrapper';
 import { RadioWithText } from '../../ui/forms/Radio/RadioWithText';
@@ -34,7 +34,7 @@ export function EstablishEssentials(props: ICreationStepProps) {
       setFieldValue('essentials.daoName', daoName, false);
       if (createAccountSubstring(daoAddress!) !== daoName) {
         // Pre-fill the snapshot URL form field when editing
-        setFieldValue('essentials.snapshotENS', daoSnapshotENS || '', false);
+        setFieldValue('essentials.snapshotENS', daoSnapshotENS?.toLowerCase() || '', false);
       }
     }
   }, [setFieldValue, mode, daoName, daoSnapshotENS, isEdit, daoAddress]);
@@ -70,7 +70,7 @@ export function EstablishEssentials(props: ICreationStepProps) {
           helper={t('helperDAOName')}
           isRequired
           value={values.essentials.daoName}
-          id="searchEssentials-daoName"
+          id="essentials-daoName"
           onChange={cEvent => setFieldValue('essentials.daoName', cEvent.target.value, true)}
           onBlur={cEvent => setFieldValue('essentials.daoName', cEvent.target.value.trim(), true)}
           disabled={daoNameDisabled}
diff --git a/src/components/Proposals/ProposalInfo.tsx b/src/components/Proposals/ProposalInfo.tsx
index 28ab8d34d4..36ca21466c 100644
--- a/src/components/Proposals/ProposalInfo.tsx
+++ b/src/components/Proposals/ProposalInfo.tsx
@@ -1,4 +1,4 @@
-import { Box, Flex, Button, Link } from '@chakra-ui/react';
+import { Box, Button, Flex, Link } from '@chakra-ui/react';
 import { ArrowUpRight } from '@phosphor-icons/react';
 import { useTranslation } from 'react-i18next';
 import { Shield } from '../../assets/theme/custom/icons/Shield';
@@ -53,7 +53,9 @@ export function ProposalInfo({
         />
         {isSnapshotProposal && (
           <>
-            <SnapshotButton snapshotENS={`${daoSnapshotENS}/proposal/${proposal.proposalId}`} />
+            <SnapshotButton
+              snapshotENS={`${daoSnapshotENS?.toLowerCase()}/proposal/${proposal.proposalId}`}
+            />
             {(proposal as ExtendedSnapshotProposal).privacy === 'shutter' && (
               <Button
                 as={Link}
diff --git a/src/components/pages/DaoSettings/components/MetadataContainer.tsx b/src/components/pages/DaoSettings/components/MetadataContainer.tsx
index cb380fbafb..76e31bf6d1 100644
--- a/src/components/pages/DaoSettings/components/MetadataContainer.tsx
+++ b/src/components/pages/DaoSettings/components/MetadataContainer.tsx
@@ -1,8 +1,8 @@
 import { Button } from '@chakra-ui/react';
-import { useState, useEffect, ChangeEventHandler } from 'react';
+import { ChangeEventHandler, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { isHex, getAddress } from 'viem';
+import { getAddress, isHex } from 'viem';
 import { DAO_ROUTES } from '../../../../constants/routes';
 import useSubmitProposal from '../../../../hooks/DAO/proposal/useSubmitProposal';
 import { useCanUserCreateProposal } from '../../../../hooks/utils/useCanUserSubmitProposal';
@@ -38,7 +38,7 @@ export function MetadataContainer() {
     }
 
     if (daoSnapshotENS) {
-      setSnapshotENS(daoSnapshotENS);
+      setSnapshotENS(daoSnapshotENS.toLowerCase());
     }
   }, [daoName, daoSnapshotENS, daoAddress]);
 
diff --git a/src/components/ui/cards/DAOInfoCard.tsx b/src/components/ui/cards/DAOInfoCard.tsx
index 2cdab4b0d6..1bf76e8baa 100644
--- a/src/components/ui/cards/DAOInfoCard.tsx
+++ b/src/components/ui/cards/DAOInfoCard.tsx
@@ -1,4 +1,4 @@
-import { Box, Flex, Text, Link, Center } from '@chakra-ui/react';
+import { Box, Center, Flex, Link, Text } from '@chakra-ui/react';
 import { Link as RouterLink } from 'react-router-dom';
 import { DAO_ROUTES } from '../../../constants/routes';
 import useDisplayName from '../../../hooks/utils/useDisplayName';
@@ -111,7 +111,7 @@ export function DAOInfoCard() {
         <AddressCopier address={displayedAddress} />
 
         {/* SNAPSHOT ICON LINK */}
-        {node.daoSnapshotENS && <SnapshotButton snapshotENS={node.daoSnapshotENS} />}
+        {node.daoSnapshotENS && <SnapshotButton snapshotENS={node.daoSnapshotENS.toLowerCase()} />}
       </Flex>
     </Box>
   );
diff --git a/src/components/ui/cards/DAONodeInfoCard.tsx b/src/components/ui/cards/DAONodeInfoCard.tsx
index cfc80884be..2938dcc2f8 100644
--- a/src/components/ui/cards/DAONodeInfoCard.tsx
+++ b/src/components/ui/cards/DAONodeInfoCard.tsx
@@ -1,10 +1,10 @@
-import { Flex, Text, FlexProps, Link, Center, VStack } from '@chakra-ui/react';
+import { Center, Flex, FlexProps, Link, Text, VStack } from '@chakra-ui/react';
 import { Link as RouterLink } from 'react-router-dom';
 import { DAO_ROUTES } from '../../../constants/routes';
 import useDisplayName from '../../../hooks/utils/useDisplayName';
 import { useFractal } from '../../../providers/App/AppProvider';
 import { useNetworkConfig } from '../../../providers/NetworkConfig/NetworkConfigProvider';
-import { FreezeGuard, FractalGuardContracts, FractalNode } from '../../../types';
+import { FractalGuardContracts, FractalNode, FreezeGuard } from '../../../types';
 import { SnapshotButton } from '../badges/Snapshot';
 import { FavoriteIcon } from '../icons/FavoriteIcon';
 import AddressCopier from '../links/AddressCopier';
@@ -104,7 +104,9 @@ export function DAONodeInfoCard({ node, freezeGuard, guardContracts, ...rest }:
             />
 
             {/* SNAPSHOT ICON LINK */}
-            {node.daoSnapshotENS && <SnapshotButton snapshotENS={node.daoSnapshotENS} />}
+            {node.daoSnapshotENS && (
+              <SnapshotButton snapshotENS={node.daoSnapshotENS.toLowerCase()} />
+            )}
           </Flex>
 
           {/* DAO ADDRESS */}
diff --git a/src/components/ui/forms/ABISelector.tsx b/src/components/ui/forms/ABISelector.tsx
index 17b6666cd7..886df3b685 100644
--- a/src/components/ui/forms/ABISelector.tsx
+++ b/src/components/ui/forms/ABISelector.tsx
@@ -1,7 +1,7 @@
 import { Select, Text } from '@chakra-ui/react';
 import axios from 'axios';
 import detectProxyTarget from 'evm-proxy-detection';
-import { useMemo, useState, useEffect } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isAddress } from 'viem';
 import { useEnsAddress, usePublicClient } from 'wagmi';
@@ -28,7 +28,7 @@ export default function ABISelector({ target, onChange }: IABISelector) {
   const [abi, setABI] = useState<ABIElement[]>([]);
   const { etherscanAPIUrl } = useNetworkConfig();
   const { t } = useTranslation('common');
-  const { data: ensAddress } = useEnsAddress({ name: target });
+  const { data: ensAddress } = useEnsAddress({ name: target?.toLowerCase() });
   const client = usePublicClient();
 
   useEffect(() => {
diff --git a/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts b/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts
index d47fa442ef..f73deff3cc 100644
--- a/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts
+++ b/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts
@@ -5,5 +5,5 @@ export default function useSnapshotSpaceName() {
     node: { daoSnapshotENS },
   } = useFractal();
 
-  return daoSnapshotENS;
+  return daoSnapshotENS?.toLowerCase();
 }
diff --git a/src/hooks/DAO/loaders/useFractalNode.ts b/src/hooks/DAO/loaders/useFractalNode.ts
index 2de5dcd406..6670113435 100644
--- a/src/hooks/DAO/loaders/useFractalNode.ts
+++ b/src/hooks/DAO/loaders/useFractalNode.ts
@@ -53,7 +53,7 @@ export const useFractalNode = (
           },
           daoName: name as string,
           daoAddress: getAddress(_daoAddress),
-          daoSnapshotENS: snapshotENS as string,
+          daoSnapshotENS: snapshotENS?.toLowerCase() as string,
           proposalTemplatesHash: proposalTemplatesHash as string,
         };
         return currentNode;
diff --git a/src/hooks/DAO/loaders/useLoadDAONode.ts b/src/hooks/DAO/loaders/useLoadDAONode.ts
index 4d7ca59683..de8b7d0b58 100644
--- a/src/hooks/DAO/loaders/useLoadDAONode.ts
+++ b/src/hooks/DAO/loaders/useLoadDAONode.ts
@@ -1,6 +1,6 @@
 import { useLazyQuery } from '@apollo/client';
 import { useCallback } from 'react';
-import { isAddress, getAddress } from 'viem';
+import { getAddress, isAddress } from 'viem';
 import { DAO, DAOQueryDocument, DAOQueryQuery } from '../../../../.graphclient';
 import { logError } from '../../../helpers/errorLogging';
 import { useSafeAPI } from '../../../providers/App/hooks/useSafeAPI';
@@ -42,7 +42,7 @@ export const useLoadDAONode = () => {
           },
           daoName: name as string,
           daoAddress: getAddress(_daoAddress),
-          daoSnapshotENS: snapshotENS as string,
+          daoSnapshotENS: snapshotENS?.toLowerCase() as string,
         };
         return currentNode;
       }
diff --git a/src/hooks/DAO/useGetDAOName.ts b/src/hooks/DAO/useGetDAOName.ts
index b522d0e0a0..f7da701c2d 100644
--- a/src/hooks/DAO/useGetDAOName.ts
+++ b/src/hooks/DAO/useGetDAOName.ts
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
-import { Address, PublicClient, getContract, parseAbi, getAddress } from 'viem';
+import { Address, PublicClient, getAddress, getContract, parseAbi } from 'viem';
 import { usePublicClient } from 'wagmi';
 import { useFractal } from '../../providers/App/AppProvider';
 import { FractalContracts } from '../../types';
@@ -22,7 +22,7 @@ const getDAOName = async ({
     throw new Error('Public client not available');
   }
 
-  const ensName = await publicClient.getEnsName({ address: address }).catch((error: Error) => {
+  const ensName = await publicClient.getEnsName({ address }).catch((error: Error) => {
     if (error.name === 'ChainDoesNotSupportContract') {
       // Sliently fail, this is fine.
       // https://github.com/wevm/viem/discussions/781
diff --git a/src/hooks/utils/useAvatar.ts b/src/hooks/utils/useAvatar.ts
index 09b1bb8a44..f12cdb4b47 100644
--- a/src/hooks/utils/useAvatar.ts
+++ b/src/hooks/utils/useAvatar.ts
@@ -4,7 +4,7 @@ import { useNetworkConfig } from '../../providers/NetworkConfig/NetworkConfigPro
 const useAvatar = (name: string) => {
   const { chain } = useNetworkConfig();
   const { data: avatarURL } = useEnsAvatar({
-    name: name,
+    name: name?.toLowerCase(),
     chainId: chain.id,
   });
 
diff --git a/src/models/DaoTxBuilder.ts b/src/models/DaoTxBuilder.ts
index 46b2f28aa5..22a233de03 100644
--- a/src/models/DaoTxBuilder.ts
+++ b/src/models/DaoTxBuilder.ts
@@ -3,12 +3,12 @@ import { zeroAddress } from 'viem';
 import { GnosisSafeL2 } from '../assets/typechain-types/usul/@gnosis.pm/safe-contracts/contracts';
 import { buildContractCall, encodeMultiSend } from '../helpers';
 import {
-  BaseContracts,
-  SafeMultisigDAO,
-  SafeTransaction,
   AzoriusContracts,
   AzoriusERC20DAO,
   AzoriusERC721DAO,
+  BaseContracts,
+  SafeMultisigDAO,
+  SafeTransaction,
   VotingStrategyType,
 } from '../types';
 import { BaseTxBuilder } from './BaseTxBuilder';
@@ -228,7 +228,7 @@ export class DaoTxBuilder extends BaseTxBuilder {
     return buildContractCall(
       this.baseContracts.keyValuePairsContract,
       'updateValues',
-      [['snapshotENS'], [this.daoData.snapshotENS]],
+      [['snapshotENS'], [this.daoData.snapshotENS.toLowerCase()]],
       0,
       false,
     );

From e5f8109c6232da397d584d9911186828852a1fd6 Mon Sep 17 00:00:00 2001
From: Kyrylo Klymenko <klimenkomud@gmail.com>
Date: Thu, 15 Aug 2024 22:59:25 +0200
Subject: [PATCH 2/4] Remove bunch of lowerCase

---
 .../formComponents/EstablishEssentials.tsx         |  2 +-
 src/components/Proposals/ProposalInfo.tsx          |  4 +---
 .../DaoSettings/components/MetadataContainer.tsx   |  2 +-
 src/components/ui/cards/DAOInfoCard.tsx            |  2 +-
 src/components/ui/cards/DAONodeInfoCard.tsx        |  4 +---
 .../DAO/loaders/snapshot/useSnapshotProposal.ts    |  9 ++++-----
 .../DAO/loaders/snapshot/useSnapshotProposals.ts   | 14 ++++++--------
 .../DAO/loaders/snapshot/useSnapshotSpaceName.ts   |  9 ---------
 src/hooks/DAO/loaders/useFractalNode.ts            |  2 +-
 src/hooks/DAO/loaders/useLoadDAONode.ts            |  2 +-
 src/hooks/DAO/proposal/useCastVote.ts              | 10 ++++------
 src/hooks/utils/useAvatar.ts                       |  2 +-
 src/models/DaoTxBuilder.ts                         |  2 +-
 13 files changed, 23 insertions(+), 41 deletions(-)
 delete mode 100644 src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts

diff --git a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
index 41fdad3115..b5ea9490fa 100644
--- a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
+++ b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
@@ -34,7 +34,7 @@ export function EstablishEssentials(props: ICreationStepProps) {
       setFieldValue('essentials.daoName', daoName, false);
       if (createAccountSubstring(daoAddress!) !== daoName) {
         // Pre-fill the snapshot URL form field when editing
-        setFieldValue('essentials.snapshotENS', daoSnapshotENS?.toLowerCase() || '', false);
+        setFieldValue('essentials.snapshotENS', daoSnapshotENS || '', false);
       }
     }
   }, [setFieldValue, mode, daoName, daoSnapshotENS, isEdit, daoAddress]);
diff --git a/src/components/Proposals/ProposalInfo.tsx b/src/components/Proposals/ProposalInfo.tsx
index 36ca21466c..9bd27ad698 100644
--- a/src/components/Proposals/ProposalInfo.tsx
+++ b/src/components/Proposals/ProposalInfo.tsx
@@ -53,9 +53,7 @@ export function ProposalInfo({
         />
         {isSnapshotProposal && (
           <>
-            <SnapshotButton
-              snapshotENS={`${daoSnapshotENS?.toLowerCase()}/proposal/${proposal.proposalId}`}
-            />
+            <SnapshotButton snapshotENS={`${daoSnapshotENS}/proposal/${proposal.proposalId}`} />
             {(proposal as ExtendedSnapshotProposal).privacy === 'shutter' && (
               <Button
                 as={Link}
diff --git a/src/components/pages/DaoSettings/components/MetadataContainer.tsx b/src/components/pages/DaoSettings/components/MetadataContainer.tsx
index 76e31bf6d1..ff9b96a20a 100644
--- a/src/components/pages/DaoSettings/components/MetadataContainer.tsx
+++ b/src/components/pages/DaoSettings/components/MetadataContainer.tsx
@@ -38,7 +38,7 @@ export function MetadataContainer() {
     }
 
     if (daoSnapshotENS) {
-      setSnapshotENS(daoSnapshotENS.toLowerCase());
+      setSnapshotENS(daoSnapshotENS);
     }
   }, [daoName, daoSnapshotENS, daoAddress]);
 
diff --git a/src/components/ui/cards/DAOInfoCard.tsx b/src/components/ui/cards/DAOInfoCard.tsx
index 1bf76e8baa..b7e30858fd 100644
--- a/src/components/ui/cards/DAOInfoCard.tsx
+++ b/src/components/ui/cards/DAOInfoCard.tsx
@@ -111,7 +111,7 @@ export function DAOInfoCard() {
         <AddressCopier address={displayedAddress} />
 
         {/* SNAPSHOT ICON LINK */}
-        {node.daoSnapshotENS && <SnapshotButton snapshotENS={node.daoSnapshotENS.toLowerCase()} />}
+        {node.daoSnapshotENS && <SnapshotButton snapshotENS={node.daoSnapshotENS} />}
       </Flex>
     </Box>
   );
diff --git a/src/components/ui/cards/DAONodeInfoCard.tsx b/src/components/ui/cards/DAONodeInfoCard.tsx
index 2938dcc2f8..c4632f5fc0 100644
--- a/src/components/ui/cards/DAONodeInfoCard.tsx
+++ b/src/components/ui/cards/DAONodeInfoCard.tsx
@@ -104,9 +104,7 @@ export function DAONodeInfoCard({ node, freezeGuard, guardContracts, ...rest }:
             />
 
             {/* SNAPSHOT ICON LINK */}
-            {node.daoSnapshotENS && (
-              <SnapshotButton snapshotENS={node.daoSnapshotENS.toLowerCase()} />
-            )}
+            {node.daoSnapshotENS && <SnapshotButton snapshotENS={node.daoSnapshotENS} />}
           </Flex>
 
           {/* DAO ADDRESS */}
diff --git a/src/hooks/DAO/loaders/snapshot/useSnapshotProposal.ts b/src/hooks/DAO/loaders/snapshot/useSnapshotProposal.ts
index 726524207e..42f3f756ea 100644
--- a/src/hooks/DAO/loaders/snapshot/useSnapshotProposal.ts
+++ b/src/hooks/DAO/loaders/snapshot/useSnapshotProposal.ts
@@ -10,18 +10,17 @@ import {
   SnapshotVote,
   SnapshotWeightedVotingChoice,
 } from '../../../../types';
-import useSnapshotSpaceName from './useSnapshotSpaceName';
 import { createSnapshotGraphQlClient } from './';
 
 export default function useSnapshotProposal(proposal: FractalProposal | null | undefined) {
   const [extendedSnapshotProposal, setExtendedSnapshotProposal] =
     useState<ExtendedSnapshotProposal>();
   const {
+    node: { daoSnapshotENS },
     readOnly: {
       user: { address },
     },
   } = useFractal();
-  const daoSnapshotSpaceName = useSnapshotSpaceName();
   const snaphshotGraphQlClient = useMemo(() => createSnapshotGraphQlClient(), []);
 
   const snapshotProposal = proposal as SnapshotProposal;
@@ -108,7 +107,7 @@ export default function useSnapshotProposal(proposal: FractalProposal | null | u
       const { choices, type, privacy } = proposalQueryResult;
 
       if (type === 'weighted') {
-        Object.keys(choices).forEach((choice: string, choiceIndex) => {
+        Object.keys(choices).forEach((_choice: string, choiceIndex) => {
           votesBreakdown[choiceIndex + 1] = {
             votes: [],
             total: 0,
@@ -214,7 +213,7 @@ export default function useSnapshotProposal(proposal: FractalProposal | null | u
       query UserVotingWeight {
           vp(
               voter: "${address}"
-              space: "${daoSnapshotSpaceName}"
+              space: "${daoSnapshotENS}"
               proposal: "${snapshotProposal.snapshotProposalId}"
           ) {
               vp
@@ -239,7 +238,7 @@ export default function useSnapshotProposal(proposal: FractalProposal | null | u
     }
 
     return emptyVotingWeight;
-  }, [address, snapshotProposal?.snapshotProposalId, snaphshotGraphQlClient, daoSnapshotSpaceName]);
+  }, [address, snapshotProposal?.snapshotProposalId, snaphshotGraphQlClient, daoSnapshotENS]);
 
   return {
     loadVotingWeight,
diff --git a/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts b/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts
index 04eb0d2455..96bf23fa70 100644
--- a/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts
+++ b/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts
@@ -4,12 +4,10 @@ import { useFractal } from '../../../../providers/App/AppProvider';
 import { FractalGovernanceAction } from '../../../../providers/App/governance/action';
 import { FractalProposalState } from '../../../../types';
 import { SnapshotProposal } from '../../../../types/daoProposal';
-import useSnapshotSpaceName from './useSnapshotSpaceName';
 import { createSnapshotGraphQlClient } from './';
 
 export const useSnapshotProposals = () => {
-  const { action } = useFractal();
-  const daoSnapshotSpaceName = useSnapshotSpaceName();
+  const { node: { daoSnapshotENS }, action } = useFractal();
   const currentSnapshotENS = useRef<string | undefined>();
   const snaphshotGraphQlClient = useMemo(() => createSnapshotGraphQlClient(), []);
 
@@ -22,7 +20,7 @@ export const useSnapshotProposals = () => {
         proposals(
           first: 50,
           where: {
-            space_in: ["${daoSnapshotSpaceName}"]
+            space_in: ["${daoSnapshotENS}"]
           },
           orderBy: "created",
           orderDirection: desc
@@ -72,11 +70,11 @@ export const useSnapshotProposals = () => {
           });
         });
     }
-  }, [action, daoSnapshotSpaceName, snaphshotGraphQlClient]);
+  }, [action, daoSnapshotENS, snaphshotGraphQlClient]);
 
   useEffect(() => {
-    if (!daoSnapshotSpaceName || daoSnapshotSpaceName === currentSnapshotENS.current) return;
-    currentSnapshotENS.current = daoSnapshotSpaceName;
+    if (!daoSnapshotENS || daoSnapshotENS === currentSnapshotENS.current) return;
+    currentSnapshotENS.current = daoSnapshotENS;
     loadSnapshotProposals();
-  }, [daoSnapshotSpaceName, loadSnapshotProposals]);
+  }, [daoSnapshotENS, loadSnapshotProposals]);
 };
diff --git a/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts b/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts
deleted file mode 100644
index f73deff3cc..0000000000
--- a/src/hooks/DAO/loaders/snapshot/useSnapshotSpaceName.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useFractal } from '../../../../providers/App/AppProvider';
-
-export default function useSnapshotSpaceName() {
-  const {
-    node: { daoSnapshotENS },
-  } = useFractal();
-
-  return daoSnapshotENS?.toLowerCase();
-}
diff --git a/src/hooks/DAO/loaders/useFractalNode.ts b/src/hooks/DAO/loaders/useFractalNode.ts
index 6670113435..2de5dcd406 100644
--- a/src/hooks/DAO/loaders/useFractalNode.ts
+++ b/src/hooks/DAO/loaders/useFractalNode.ts
@@ -53,7 +53,7 @@ export const useFractalNode = (
           },
           daoName: name as string,
           daoAddress: getAddress(_daoAddress),
-          daoSnapshotENS: snapshotENS?.toLowerCase() as string,
+          daoSnapshotENS: snapshotENS as string,
           proposalTemplatesHash: proposalTemplatesHash as string,
         };
         return currentNode;
diff --git a/src/hooks/DAO/loaders/useLoadDAONode.ts b/src/hooks/DAO/loaders/useLoadDAONode.ts
index de8b7d0b58..7eff451f7d 100644
--- a/src/hooks/DAO/loaders/useLoadDAONode.ts
+++ b/src/hooks/DAO/loaders/useLoadDAONode.ts
@@ -42,7 +42,7 @@ export const useLoadDAONode = () => {
           },
           daoName: name as string,
           daoAddress: getAddress(_daoAddress),
-          daoSnapshotENS: snapshotENS?.toLowerCase() as string,
+          daoSnapshotENS: snapshotENS as string,
         };
         return currentNode;
       }
diff --git a/src/hooks/DAO/proposal/useCastVote.ts b/src/hooks/DAO/proposal/useCastVote.ts
index 25b2b0d18b..01fbb449cc 100644
--- a/src/hooks/DAO/proposal/useCastVote.ts
+++ b/src/hooks/DAO/proposal/useCastVote.ts
@@ -16,7 +16,6 @@ import {
 import encryptWithShutter from '../../../utils/shutter';
 import useSafeContracts from '../../safe/useSafeContracts';
 import { useTransaction } from '../../utils/useTransaction';
-import useSnapshotSpaceName from '../loaders/snapshot/useSnapshotSpaceName';
 import useUserERC721VotingTokens from './useUserERC721VotingTokens';
 
 const useCastVote = ({
@@ -40,7 +39,6 @@ const useCastVote = ({
     },
   } = useFractal();
   const baseContracts = useSafeContracts();
-  const daoSnapshotSpaceName = useSnapshotSpaceName();
   const signer = useEthersSigner();
   const client = useMemo(() => {
     if (daoSnapshotENS) {
@@ -146,7 +144,7 @@ const useCastVote = ({
         signer &&
         signer?.provider &&
         address &&
-        daoSnapshotSpaceName &&
+        daoSnapshotENS &&
         extendedSnapshotProposal &&
         client
       ) {
@@ -177,7 +175,7 @@ const useCastVote = ({
               extendedSnapshotProposal.proposalId,
             );
             await client.vote(signer.provider as ethers.providers.Web3Provider, address, {
-              space: daoSnapshotSpaceName,
+              space: daoSnapshotENS,
               proposal: extendedSnapshotProposal.proposalId,
               type: extendedSnapshotProposal.type,
               privacy: extendedSnapshotProposal.privacy,
@@ -186,7 +184,7 @@ const useCastVote = ({
             });
           } else {
             await client.vote(signer.provider as ethers.providers.Web3Provider, address, {
-              space: daoSnapshotSpaceName,
+              space: daoSnapshotENS,
               proposal: extendedSnapshotProposal.proposalId,
               type: extendedSnapshotProposal.type,
               choice,
@@ -210,7 +208,7 @@ const useCastVote = ({
     [
       signer,
       address,
-      daoSnapshotSpaceName,
+      daoSnapshotENS,
       extendedSnapshotProposal,
       t,
       selectedChoice,
diff --git a/src/hooks/utils/useAvatar.ts b/src/hooks/utils/useAvatar.ts
index f12cdb4b47..8712b60dff 100644
--- a/src/hooks/utils/useAvatar.ts
+++ b/src/hooks/utils/useAvatar.ts
@@ -4,7 +4,7 @@ import { useNetworkConfig } from '../../providers/NetworkConfig/NetworkConfigPro
 const useAvatar = (name: string) => {
   const { chain } = useNetworkConfig();
   const { data: avatarURL } = useEnsAvatar({
-    name: name?.toLowerCase(),
+    name,
     chainId: chain.id,
   });
 
diff --git a/src/models/DaoTxBuilder.ts b/src/models/DaoTxBuilder.ts
index 22a233de03..a12eb5c533 100644
--- a/src/models/DaoTxBuilder.ts
+++ b/src/models/DaoTxBuilder.ts
@@ -228,7 +228,7 @@ export class DaoTxBuilder extends BaseTxBuilder {
     return buildContractCall(
       this.baseContracts.keyValuePairsContract,
       'updateValues',
-      [['snapshotENS'], [this.daoData.snapshotENS.toLowerCase()]],
+      [['snapshotENS'], [this.daoData.snapshotENS]],
       0,
       false,
     );

From c7f658f0b9c7c72282aea27dffb543be865252fa Mon Sep 17 00:00:00 2001
From: Kyrylo Klymenko <klimenkomud@gmail.com>
Date: Thu, 15 Aug 2024 23:00:50 +0200
Subject: [PATCH 3/4] Prettier

---
 src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts b/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts
index 96bf23fa70..5db3c8ade4 100644
--- a/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts
+++ b/src/hooks/DAO/loaders/snapshot/useSnapshotProposals.ts
@@ -7,7 +7,10 @@ import { SnapshotProposal } from '../../../../types/daoProposal';
 import { createSnapshotGraphQlClient } from './';
 
 export const useSnapshotProposals = () => {
-  const { node: { daoSnapshotENS }, action } = useFractal();
+  const {
+    node: { daoSnapshotENS },
+    action,
+  } = useFractal();
   const currentSnapshotENS = useRef<string | undefined>();
   const snaphshotGraphQlClient = useMemo(() => createSnapshotGraphQlClient(), []);
 

From 0f7888de0e9c04d4118ce6f870e945d223d02cbb Mon Sep 17 00:00:00 2001
From: Kyrylo Klymenko <klimenkomud@gmail.com>
Date: Sat, 17 Aug 2024 00:21:51 +0200
Subject: [PATCH 4/4] Lowercasing event.target.value while entering snapshotENS

---
 .../DaoCreator/formComponents/EstablishEssentials.tsx        | 2 +-
 .../pages/DaoSettings/components/MetadataContainer.tsx       | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
index b5ea9490fa..a30a12ea80 100644
--- a/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
+++ b/src/components/DaoCreator/formComponents/EstablishEssentials.tsx
@@ -159,7 +159,7 @@ export function EstablishEssentials(props: ICreationStepProps) {
             <Input
               value={values.essentials.snapshotENS}
               onChange={cEvent =>
-                setFieldValue('essentials.snapshotENS', cEvent.target.value, true)
+                setFieldValue('essentials.snapshotENS', cEvent.target.value.toLowerCase(), true)
               }
               isDisabled={snapshotENSDisabled}
               data-testid="essentials-snapshotENS"
diff --git a/src/components/pages/DaoSettings/components/MetadataContainer.tsx b/src/components/pages/DaoSettings/components/MetadataContainer.tsx
index ff9b96a20a..00b541697a 100644
--- a/src/components/pages/DaoSettings/components/MetadataContainer.tsx
+++ b/src/components/pages/DaoSettings/components/MetadataContainer.tsx
@@ -43,8 +43,9 @@ export function MetadataContainer() {
   }, [daoName, daoSnapshotENS, daoAddress]);
 
   const handleSnapshotENSChange: ChangeEventHandler<HTMLInputElement> = e => {
-    setSnapshotENS(e.target.value);
-    if (validateENSName(e.target.value) || (e.target.value === '' && daoSnapshotENS)) {
+    const lowerCasedValue = e.target.value.toLowerCase();
+    setSnapshotENS(lowerCasedValue);
+    if (validateENSName(lowerCasedValue) || (e.target.value === '' && daoSnapshotENS)) {
       setSnapshotENSValid(true);
     } else {
       setSnapshotENSValid(false);