218 update donation step (#232)

* add: new homepage * add: totalStats subgraph hook * chore: mobile/responsive styles fixes * chore: update assets * chore: style fixes * add: basemodal * fix: update donation page and steps to new design * fix: remove unused * fix: est enddate for streams * clarify numberinput props * remove redunant validation * fix: add missing setDuration when estimating it * fix: responsiveness, fix: input validation and estimation * Update packages/app/src/components/DonateComponent.tsx Co-authored-by: sirpy <[email protected]> * fix: styling, fix: warningbox not showing explanation * add: missing swap value for one-time donation * Update packages/app/src/models/constants.ts --------- Co-authored-by: sirpy <[email protected]>
GoodDollar · Nov 27, 2024 · 754ec05 · 754ec05
1 parent f5a96f2
commit 754ec05
Show file tree

Hide file tree

Showing 24 changed files with 840 additions and 1,250 deletions.
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -20,7 +20,7 @@
     "@celo-tools/celo-ethers-wrapper": "^0.4.0",
     "@ethersproject/shims": "^5.7.0",
     "@gooddollar/good-design": "^0.1.57",
-    "@gooddollar/goodcollective-sdk": "^1.1.2",
+    "@gooddollar/goodcollective-sdk": "^1.2.1",
     "@gooddollar/web3sdk-v2": "^0.2.34",
     "@nerdwallet/apollo-cache-policies": "^3.2.0",
     "@react-native-aria/interactions": "0.2.3",

diff --git a/packages/app/src/assets/MetaMask_Fox.svg → packages/app/src/assets/MetaMaskLogo.svg b/packages/app/src/assets/MetaMask_Fox.svg → packages/app/src/assets/MetaMaskLogo.svg
diff --git a/packages/app/src/assets/Stream-warning.svg b/packages/app/src/assets/Stream-warning.svg
diff --git a/packages/app/src/assets/index.ts b/packages/app/src/assets/index.ts
@@ -5,7 +5,10 @@ export { default as BackIcon } from './BackIcon.svg';
 export { default as BlackBrowedAlbatross } from './BlackBrowedAlbatross.svg';
 export { default as CalendarIcon } from './CalendarIcon.svg';
 export { default as CaliforniaCondor } from './CaliforniaCondor.svg';
+export { default as ClaimTX } from './ClaimTX.svg';
+export { default as ClaimTx } from './ClaimTx.svg';
 export { default as CloseIcon } from './CloseIcon.svg';
+export { default as DonationTX } from './DonationTX.svg';
 export { default as DonorBlue } from './Donor-blue.svg';
 export { default as DonorGreenIcon } from './DonorGreenIcon.svg';
 export { default as ErrorImg } from './ErrorImg.svg';
@@ -25,9 +28,11 @@ export { default as LightningIcon } from './LightningIcon.svg';
 export { default as ListGreenIcon } from './List-greenIcon.svg';
 export { default as Logout } from './Logout.svg';
 export { default as MenuIcon } from './MenuIcon.svg';
+export { default as MetaMaskLogo } from './MetaMaskLogo.svg';
 export { default as NoAvatar } from './NoAvatar.svg';
 export { default as Ocean } from './Ocean.svg';
 export { default as Paper } from './Paper.svg';
+export { default as PayoutTX } from './PayoutTX.svg';
 export { default as PhoneImg } from './PhoneImg.svg';
 export { default as PlaceholderAvatar } from './PlaceholderAvatar.svg';
 export { default as QuestionImg } from './QuestionImg.svg';
@@ -40,23 +45,20 @@ export { default as SquaresIcon } from './SquaresIcon.svg';
 export { default as StewardBlue } from './Steward-blue.svg';
 export { default as StewardGreen } from './Steward-green.svg';
 export { default as StewardOrange } from './Steward-orange.svg';
+export { default as StreamWarning } from './Stream-warning.svg';
+export { default as StreamStopTX } from './StreamStopTX.svg';
+export { default as StreamTX } from './StreamTX.svg';
+export { default as StreamUpdateTX } from './StreamUpdateTX.svg';
 export { default as SupportImage } from './SupportImage.svg';
 export { default as ThankYouImg } from './ThankYouImg.svg';
 export { default as TransactionIcon } from './Transaction-Icon.svg';
 export { default as TwitterIcon } from './TwitterIcon.svg';
 export { default as VectorStroke } from './VectorStroke.svg';
 export { default as VerifiedIcon } from './VerifiedIcon.svg';
+export { default as WalletConnectLogo } from './WalletConnectLogo.svg';
+export { default as WalletConnectLogoWhite } from './WalletConnectLogoWhite.svg';
 export { default as WebIcon } from './WebIcon.svg';
 export { default as Woman } from './Woman.svg';
 export { default as chevronDown } from './chevron-down.svg';
 export { default as chevronRight } from './chevron-right.svg';
 export { default as empty } from './empty.svg';
-export { default as MetaMaskLogo } from './MetaMask_Fox.svg';
-export { default as WalletConnectLogo } from './WalletConnectLogo.svg';
-export { default as WalletConnectLogoWhite } from './WalletConnectLogoWhite.svg';
-export { default as StreamTX } from './StreamTX.svg';
-export { default as StreamStopTX } from './StreamStopTX.svg';
-export { default as StreamUpdateTX } from './StreamUpdateTX.svg';
-export { default as DonationTX } from './DonationTX.svg';
-export { default as ClaimTX } from './ClaimTX.svg';
-export { default as PayoutTX } from './PayoutTX.svg';
diff --git a/packages/app/src/components/ActionButton.tsx b/packages/app/src/components/ActionButton.tsx
@@ -17,9 +17,10 @@ export const buttonStyles = {
   },
   button: {
     width: '100%',
-    height: 47,
+    minHeight: 47,
     flex: 1,
-    justifyContent: 'space-between',
+    justifyContent: 'center',
+    textAlign: 'center',
     alignItems: 'center',
     paddingRight: 10,
     paddingLeft: 10,
@@ -33,6 +34,7 @@ export const buttonStyles = {
   buttonText: {
     ...InterSemiBold,
     fontSize: 'md',
+    textAlign: 'center',
   },
 };
 
@@ -45,7 +47,7 @@ const ActionButton = ({ href, text, bg, textColor, onPress }: ActionButtonProps)
       },
       buttonText: {
         ...buttonStyles.buttonText,
-        height: 47,
+        minHeight: 47,
         display: 'flex',
         alignItems: 'center',
       },