kitty/spotube
1
0
Fork 0
mirror of https://github.com/KRTirtho/spotube.git synced 2025-09-12 23:45:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[website] close annoying popup button

Browse Source
This commit is contained in:
Kingkor Roy Tirtho 2022-08-01 16:53:54 +06:00
parent b68e98f519
commit cb58166244
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/components/AdDetector.tsx
View File

@ -1,5 +1,6 @@
import { import {
Button, Button,
CloseButton,
Heading, Heading,
Modal, Modal,
ModalBody, ModalBody,
@ -9,6 +10,7 @@ import {
ModalOverlay, ModalOverlay,
Stack, Stack,
Text, Text,
Tooltip,
useDisclosure, useDisclosure,
VStack, VStack,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
@ -76,8 +78,16 @@ const AdDetector: FC<{ children: ReactNode }> = ({ children }) => {
justifyContent="space-between" justifyContent="space-between"
alignItems="center" alignItems="center"
p="5" p="5"
pos="relative"
> >
<Heading></Heading> <Tooltip label="You made me sad 😢">
<CloseButton
pos="absolute"
right="5"
variant="ghost"
onClick={() => setAdBlockEnabled(false)}
/>
</Tooltip>
<VStack spacing="2" alignItems="flex-start"> <VStack spacing="2" alignItems="flex-start">
<Heading size="sm">Here&apos;s something interesting:</Heading> <Heading size="sm">Here&apos;s something interesting:</Heading>
<Heading size="md"> <Heading size="md">