WIP: Improve back option

package.json

@@ -35,7 +35,7 @@
 		"@tanstack/react-query": "^5.45.1",
 		"@vercel/speed-insights": "^1.0.9",
 		"@web3auth/sign-in-with-solana": "^3.0.0",
-		"@web3modal/wagmi": "^5.0.7",
+		"@web3modal/wagmi": "^5.1.7",
 		"apollo-upload-client": "^18.0.1",
 		"base58": "^2.0.1",
 		"bignumber.js": "^9.1.2",
@@ -72,7 +72,7 @@
 		"swiper": "^11.1.3",
 		"unsplash-js": "^7.0.19",
 		"viem": "^2.16.1",
-		"wagmi": "^2.11.3"
+		"wagmi": "^2.12.10"
 	},
 	"devDependencies": {
 		"@babel/preset-typescript": "^7.23.3",

src/components/project-card/ProjectCard.tsx

@@ -176,6 +176,7 @@ const ProjectCard = (props: IProjectCard) => {
 				</Link>
 			</ImagePlaceholder>
 			<CardBody
+				id={`project-card-body-${slug}`}
 				$isHover={
 					isHover
 						? hasFooter

src/components/views/donate/DonationCard.tsx

@@ -53,6 +53,7 @@ export const DonationCard: FC<IDonationCardProps> = ({
 				address.chainType === ChainType.EVM &&
 				address.networkId === config.OPTIMISM_NETWORK_NUMBER,
 		);
+	const isEndaomentProject = project?.organization?.label === 'endaoment';
 
 	const isOwnerOnEVM =
 		project?.adminUser?.walletAddress &&
@@ -93,11 +94,13 @@ export const DonationCard: FC<IDonationCardProps> = ({
 	// Check if the 'tab' query parameter is not present in the URL and project 'hasOpAddress' is true.
 	// If both conditions are met, set the active tab to 'RECURRING' using the setTab function.
 	// This ensures that the 'RECURRING' tab is active by default if project has Op Address.
-	useEffect(() => {
-		if (!router.query.tab && hasOpAddress) {
-			setTab(ETabs.RECURRING);
-		}
-	}, [router.query, hasOpAddress]);
+	//
+	// this feature needs some more polish, commenting this out for now --mitch
+	// useEffect(() => {
+	// 	if (!router.query.tab && hasOpAddress && !isEndaomentProject) {
+	// 		setTab(ETabs.RECURRING);
+	// 	}
+	// }, [router.query, hasOpAddress, isEndaomentProject]);
 
 	return (
 		<DonationCardWrapper>

src/components/views/project/ProjectGIVbackToast.tsx

@@ -327,7 +327,7 @@ const ButtonWrapper = styled.div`
 		flex-direction: row-reverse;
 		color: ${brandColors.giv[500]};
 		gap: 0;
-		width: 200px;
+		width: 100%;
 		svg {
 			margin-right: 8px;
 			flex-shrink: 0;
@@ -354,7 +354,7 @@ const Wrapper = styled(Flex)`
 	border-radius: 16px;
 	margin-top: 12px;
 	flex-direction: column;
-	${mediaQueries.tablet} {
+	${mediaQueries.laptopL} {
 		flex-direction: row;
 	}
 `;