added correct Collective metadata to donate page

GoodDollar · Dec 23, 2023 · cd0a251 · cd0a251
1 parent ca5cb86
commit cd0a251
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 13 deletions.
diff --git a/packages/app/src/components/DonateComponent.tsx b/packages/app/src/components/DonateComponent.tsx
@@ -12,9 +12,9 @@ import { useGetTokenPrice, useContractCalls } from '../hooks';
 import { useAccount } from 'wagmi';
 
 interface DonateComponentProps {
-  walletConected: boolean;
+  walletConnected: boolean;
   insufficientLiquidity: boolean;
-  priceImpace: boolean;
+  priceImpact: boolean;
   insufficientBalance: boolean;
   currentCollective: {
     name: string;
@@ -40,9 +40,9 @@ const frequencyOptions = [
 ];
 
 function DonateComponent({
-  walletConected,
+  walletConnected,
   insufficientLiquidity,
-  priceImpace,
+  priceImpact,
   insufficientBalance,
   currentCollective,
 }: DonateComponentProps) {
@@ -205,7 +205,7 @@ function DonateComponent({
           )}
         </>
 
-        {walletConected && (
+        {walletConnected && (
           <View style={styles.actionBox}>
             <View style={styles.reviewContainer}>
               <View>
@@ -314,7 +314,7 @@ function DonateComponent({
                 </View>
               )}
 
-              {priceImpace && (
+              {priceImpact && (
                 <View style={styles.warningView}>
                   <Image source={{ uri: InfoIconOrange }} style={styles.infoIcon} />
                   <View style={styles.actionBox}>
@@ -356,9 +356,9 @@ function DonateComponent({
         <TouchableOpacity>
           <RoundedButton
             maxWidth={isDesktopResolution ? 343 : undefined}
-            title={getButtonText(insufficientLiquidity, priceImpace, insufficientBalance)}
-            backgroundColor={getButtonBGC(insufficientLiquidity, priceImpace, insufficientBalance)}
-            color={getButtonTextColor(insufficientLiquidity, priceImpace, insufficientBalance)}
+            title={getButtonText(insufficientLiquidity, priceImpact, insufficientBalance)}
+            backgroundColor={getButtonBGC(insufficientLiquidity, priceImpact, insufficientBalance)}
+            color={getButtonTextColor(insufficientLiquidity, priceImpact, insufficientBalance)}
             fontSize={18}
             seeType={false}
             onPress={() => {

diff --git a/packages/app/src/pages/DonatePage.tsx b/packages/app/src/pages/DonatePage.tsx
@@ -3,24 +3,27 @@ import DonateComponent from '../components/DonateComponent';
 import React from 'react';
 import Breadcrumb from '../components/Breadcrumb';
 import { useMediaQuery } from 'native-base';
+import { useCollectivesMetadataById } from '../hooks';
 
 function DonatePage() {
   const collectiveId = window.location.pathname.slice('/donate/'.length);
   const [isDesktopResolution] = useMediaQuery({
     minWidth: 612,
   });
 
+  const ipfsCollective = useCollectivesMetadataById([collectiveId])[0];
+
   return (
     <Layout>
       {isDesktopResolution && <Breadcrumb previousPage={`collective / ${collectiveId}`} currentPage={`donate`} />}
       <DonateComponent
-        walletConected={true}
+        walletConnected={true}
         insufficientLiquidity={false}
-        priceImpace={false}
+        priceImpact={false}
         insufficientBalance={false}
         currentCollective={{
-          name: 'Restoring the Kakamega Forest',
-          description: '',
+          name: ipfsCollective.name,
+          description: ipfsCollective.description,
         }}
       />
     </Layout>