initial commit

2025-08-05 12:35:40 +07:00
commit fffa2ead5c
1069 changed files with 118056 additions and 0 deletions
@@ -0,0 +1,96 @@
+// MUI Imports
+import Card from '@mui/material/Card'
+import CardHeader from '@mui/material/CardHeader'
+import CardContent from '@mui/material/CardContent'
+import Grid from '@mui/material/Grid2'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import Chip from '@mui/material/Chip'
+import Alert from '@mui/material/Alert'
+import AlertTitle from '@mui/material/AlertTitle'
+import LinearProgress from '@mui/material/LinearProgress'
+import type { ButtonProps } from '@mui/material/Button'
+
+// Type Imports
+import type { PricingPlanType } from '@/types/pages/pricingTypes'
+import type { ThemeColor } from '@core/types'
+
+// Component Imports
+import ConfirmationDialog from '@components/dialogs/confirmation-dialog'
+import UpgradePlan from '@components/dialogs/upgrade-plan'
+import OpenDialogOnElementClick from '@components/dialogs/OpenDialogOnElementClick'
+
+const CurrentPlan = ({ data }: { data?: PricingPlanType[] }) => {
+  const buttonProps = (children: string, color: ThemeColor, variant: ButtonProps['variant']): ButtonProps => ({
+    children,
+    variant,
+    color
+  })
+
+  return (
+    <Card>
+      <CardHeader title='Current Plan' />
+      <CardContent>
+        <Grid container spacing={6}>
+          <Grid size={{ xs: 12, md: 6 }} className='flex flex-col gap-6'>
+            <div className='flex flex-col gap-1'>
+              <Typography color='text.primary' className='font-medium'>
+                Your Current Plan is Basic
+              </Typography>
+              <Typography>A simple start for everyone</Typography>
+            </div>
+            <div className='flex flex-col gap-1'>
+              <Typography color='text.primary' className='font-medium'>
+                Active until Dec 09, 2021
+              </Typography>
+              <Typography>We will send you a notification upon Subscription expiration</Typography>
+            </div>
+            <div className='flex flex-col gap-1'>
+              <div className='flex items-center gap-1.5'>
+                <Typography color='text.primary' className='font-medium'>
+                  $199 Per Month
+                </Typography>
+                <Chip color='primary' variant='tonal' label='Popular' size='small' />
+              </div>
+              <Typography>Standard plan for small to medium businesses</Typography>
+            </div>
+          </Grid>
+          <Grid size={{ xs: 12, md: 6 }} className='flex flex-col gap-6'>
+            <Alert severity='warning'>
+              <AlertTitle>We need your attention!</AlertTitle>
+              Your plan requires update
+            </Alert>
+            <div className='flex flex-col gap-1'>
+              <div className='flex items-center justify-between'>
+                <Typography color='text.primary' className='font-medium'>
+                  Days
+                </Typography>
+                <Typography color='text.primary' className='font-medium'>
+                  12 of 30 Days
+                </Typography>
+              </div>
+              <LinearProgress variant='determinate' value={20} />
+              <Typography variant='body2'>18 days remaining until your plan requires update</Typography>
+            </div>
+          </Grid>
+          <Grid size={{ xs: 12 }} className='flex gap-4 flex-wrap'>
+            <OpenDialogOnElementClick
+              element={Button}
+              elementProps={buttonProps('Upgrade Plan', 'primary', 'contained')}
+              dialog={UpgradePlan}
+              dialogProps={{ data: data }}
+            />
+            <OpenDialogOnElementClick
+              element={Button}
+              elementProps={buttonProps('Cancel Subscription', 'error', 'tonal')}
+              dialog={ConfirmationDialog}
+              dialogProps={{ type: 'unsubscribe' }}
+            />
+          </Grid>
+        </Grid>
+      </CardContent>
+    </Card>
+  )
+}
+
+export default CurrentPlan