Merge pull request #4306 from Giveth/add-new-sponsor

Add new QF sponsor
Giveth · Jun 21, 2024 · b404242 · b404242
2 parents 574185a + 87b6edb
commit b404242
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "givethdapp",
-	"version": "2.27.4",
+	"version": "2.27.5",
 	"private": true,
 	"scripts": {
 		"build": "next build",

diff --git a/public/images/banners/qf-round/regenToken.svg b/public/images/banners/qf-round/regenToken.svg
diff --git a/src/components/views/projects/qfBanner/ActiveQFProjectsBanner.tsx b/src/components/views/projects/qfBanner/ActiveQFProjectsBanner.tsx
@@ -1,4 +1,4 @@
-import { B, Lead, Container, Row, Flex } from '@giveth/ui-design-system';
+import { B, Lead, Container, Row } from '@giveth/ui-design-system';
 import { useIntl } from 'react-intl';
 import Image from 'next/image';
 import { useState, useEffect } from 'react';
@@ -11,6 +11,8 @@ import {
 	Title,
 	Sponsor,
 	SmallerSponsor,
+	BottomSponsors,
+	MiddleSponsors,
 } from './common';
 import { useAppSelector } from '@/features/hooks';
 
@@ -126,7 +128,7 @@ export const ActiveQFProjectsBanner = () => {
 						{/*		/>*/}
 						{/*	))}*/}
 						{/*</Flex>*/}
-						<Flex>
+						<MiddleSponsors>
 							{sponsors.map(s => (
 								<Sponsor
 									key={s.title}
@@ -136,8 +138,8 @@ export const ActiveQFProjectsBanner = () => {
 									height={188}
 								/>
 							))}
-						</Flex>
-						<Flex>
+						</MiddleSponsors>
+						<BottomSponsors>
 							{bottomSponsors.map(s => (
 								<SmallerSponsor
 									key={s.title}
@@ -147,7 +149,7 @@ export const ActiveQFProjectsBanner = () => {
 									height={120}
 								/>
 							))}
-						</Flex>
+						</BottomSponsors>
 					</ActiveStyledCol>
 				</Row>
 			</Container>
@@ -198,4 +200,8 @@ const bottomSponsors = [
 		title: '@OctantApp',
 		image: '/images/banners/qf-round/OctantApp.svg',
 	},
+	{
+		title: '@RegenToken',
+		image: '/images/banners/qf-round/regenToken.svg',
+	},
 ];
diff --git a/src/components/views/projects/qfBanner/common.ts b/src/components/views/projects/qfBanner/common.ts
@@ -165,6 +165,19 @@ export const Sponsor = styled(Image)`
 	}
 `;
 
+export const MiddleSponsors = styled(Flex)`
+	:nth-child(2) {
+		margin-top: -12px;
+	}
+`;
+
+export const BottomSponsors = styled(Flex)`
+	padding-top: 16px;
+	:nth-child(2) {
+		margin-top: -12px;
+	}
+`;
+
 export const SmallerSponsor = styled(Image)`
 	width: 80px;
 	height: 80px;