Remove blogs and align the cursor style if no details; Update the app…

… version
Kwenta · Jul 15, 2023 · 3a86db3 · 3a86db3
1 parent 12532f4
commit 3a86db3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@kwenta/app",
-	"version": "7.4.0",
+	"version": "7.4.3",
 	"scripts": {
 		"dev": "next",
 		"build": "next build",

diff --git a/packages/app/src/constants/announcement.ts b/packages/app/src/constants/announcement.ts
@@ -4,8 +4,7 @@ import { MILLISECONDS_PER_DAY } from '@kwenta/sdk/constants'
 export const BANNER_ENABLED = true
 // Sets the link destination for the banner component, or renders the banner as
 // plain, un-clickable text if set to a falsey value (`false`, `null`, '', etc...)
-export const BANNER_LINK_URL =
-	'https://mirror.xyz/kwenta.eth/Z7hEjkIUDwSXI1VcpG6Z90cAufXWeoC6Gg-TWcIr6jQ'
+export const BANNER_LINK_URL = ''
 // Sets the text displayed on the home page banner
 export const BANNER_TEXT = 'The staking contracts are currently paused.'
 // Sets the height of the banner component on desktop

diff --git a/packages/app/src/sections/shared/Layout/HomeLayout/Banner.tsx b/packages/app/src/sections/shared/Layout/HomeLayout/Banner.tsx
@@ -23,7 +23,7 @@ import localStore from 'utils/localStore'
 type BannerViewProps = {
 	mode: 'mobile' | 'desktop'
 	onDismiss: (e: any) => void
-	onDetails: () => void
+	onDetails?: () => void
 }
 
 const BannerView: React.FC<BannerViewProps> = ({ mode, onDismiss, onDetails }) => {
@@ -33,7 +33,7 @@ const BannerView: React.FC<BannerViewProps> = ({ mode, onDismiss, onDetails }) =
 	const linkSize = isMobile ? 'small' : 'medium'
 
 	return (
-		<FuturesBannerContainer onClick={onDetails}>
+		<FuturesBannerContainer onClick={onDetails} hasDetails={!!BANNER_LINK_URL}>
 			<FuturesBannerLinkWrapper>
 				<FuturesLink size={linkSize}>
 					<strong>Important: </strong>
@@ -77,7 +77,7 @@ const Banner = memo(() => {
 	)
 
 	const openDetails = useCallback(
-		() => window.open(BANNER_LINK_URL, '_blank', 'noopener noreferrer'),
+		() => BANNER_LINK_URL && window.open(BANNER_LINK_URL, '_blank', 'noopener noreferrer'),
 		[]
 	)
 
@@ -107,14 +107,14 @@ const FuturesLink = styled(Body)`
 	`};
 `
 
-const FuturesBannerContainer = styled.div<{ $compact?: boolean }>`
+const FuturesBannerContainer = styled.div<{ $compact?: boolean; hasDetails?: boolean }>`
 	height: ${BANNER_HEIGHT_DESKTOP}px;
 	width: 100%;
 	display: flex;
 	align-items: center;
 	background: ${(props) => props.theme.colors.selectedTheme.newTheme.banner.yellow.background};
 	margin-bottom: 0;
-	cursor: pointer;
+	cursor: ${(props) => (props.hasDetails ? 'pointer' : 'auto')};
 
 	${media.lessThan('md')`
 		position: relative;