GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: change premium modal ui

Browse Source
This commit is contained in:
AykutSarac 2024-01-13 12:39:07 +03:00
parent 4113fe3cd4
commit 7ee57ccd22
No known key found for this signature in database
1 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/containers/Modals/PremiumModal/index.tsx
View File

@ -9,7 +9,6 @@ import {
List,
ThemeIcon,
Divider,
Text,
} from "@mantine/core";
import { BsCheck } from "react-icons/bs";
@ -18,12 +17,7 @@ export const PremiumModal: React.FC<ModalProps> = ({ opened, onClose }) => {
<Modal title="Your Plan" size="auto" opened={opened} onClose={onClose} centered zIndex={202}>
<Flex gap="lg">
<Stack gap="xs">
<Title order={3}>
Free plan
<Text size="sm" c="dimmed">
(Free)
</Text>
</Title>
<Title order={3}>Free plan</Title>
<Button variant="filled" color="dark" size="md">
Your current plan
</Button>
@ -43,12 +37,7 @@ export const PremiumModal: React.FC<ModalProps> = ({ opened, onClose }) => {
</Stack>
<Divider color="gray" orientation="vertical" />
<Stack gap="xs">
<Title order={3}>
JSON Crack Plus
<Text size="sm" c="dimmed">
USD 7$/mo
</Text>
</Title>
<Title order={3}>JSON Crack Plus</Title>
<Button
component="a"
href="/pricing"