diff --git a/common/components/DevnetVotingPopup.tsx b/common/components/DevnetVotingPopup.tsx index ec86cdd..678a8bb 100644 --- a/common/components/DevnetVotingPopup.tsx +++ b/common/components/DevnetVotingPopup.tsx @@ -3,16 +3,14 @@ import React, { useEffect, useState, FC, ReactNode } from 'react'; import styled from 'styled-components'; import { toast, Toaster } from 'sonner'; -import { Button, Cross, VideoCameraFilled } from '../../blocks'; +import { Button, Cross, PushLogo } from '../../blocks'; type NotificationProps = { image?: ReactNode; /* Title of the notification */ firstTitle?: string; - /* Title of the notification */ - secondTitle?: string; /* Description of the notification */ - description?: string; + description?: ReactNode; /* Optional onClose action for the notification */ onClose?: () => void; /* Custom React component to be passed as the image. */ @@ -33,9 +31,13 @@ export const useChainNotification = () => { const toastId = toast.custom( () => ( + Governance proposal is live!
+ Vote today to make Push Chain a reality + + } position="bottom-left" onClose={() => { localStorage.setItem('chainNotificationShown', 'true'); @@ -66,6 +68,41 @@ export const useChainNotification = () => { }, []); }; +const ChainSvg = () => ( + + + + + + + + +); + export const Notification = () => { return ; }; @@ -73,7 +110,6 @@ export const Notification = () => { // Notification Item Component const NotificationItem: FC = ({ firstTitle, - secondTitle, description, onClick, onClose, @@ -95,12 +131,11 @@ const NotificationItem: FC = ({ - - - {firstTitle} -
- {secondTitle} -
+ + + + + {firstTitle}