add templates
This commit is contained in:
@@ -50,7 +50,11 @@ export default function CustomTemplates() {
|
|||||||
return (
|
return (
|
||||||
<div className='w-full flex flex-col gap-8'>
|
<div className='w-full flex flex-col gap-8'>
|
||||||
<BreadcrumbCom title='Custom Templates' paths={['Dashboard', 'Custom Templates']} />
|
<BreadcrumbCom title='Custom Templates' paths={['Dashboard', 'Custom Templates']} />
|
||||||
|
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body' style={{backgroundColor: 'aliceblue'}}>
|
||||||
|
<b>Add New Custom Template</b>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
||||||
{ isError ?
|
{ isError ?
|
||||||
<p className='text-red-500'>{error?.message}</p>
|
<p className='text-red-500'>{error?.message}</p>
|
||||||
@@ -62,7 +66,8 @@ export default function CustomTemplates() {
|
|||||||
<div className='w-full sm:max-w-48'>
|
<div className='w-full sm:max-w-48'>
|
||||||
<select name='type' value={filter?.type} className='h-10 w-full p-2 rounded-md' onChange={handleFilter}>
|
<select name='type' value={filter?.type} className='h-10 w-full p-2 rounded-md' onChange={handleFilter}>
|
||||||
<option value=''>All</option>
|
<option value=''>All</option>
|
||||||
<option value='name'>Name</option>
|
<option value='custom_id'>Custom ID</option>
|
||||||
|
<option value='provision_name'>Provision Name</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-full sm:max-w-48'>
|
<div className='w-full sm:max-w-48'>
|
||||||
|
|||||||
@@ -1,19 +1,19 @@
|
|||||||
import {useLocation, useNavigate, Link} from 'react-router-dom'
|
import {useLocation, useNavigate, Link} from 'react-router-dom'
|
||||||
import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
|
import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
|
||||||
import { useEffect } from 'react';
|
import {useEffect} from 'react';
|
||||||
|
|
||||||
export default function SubscriptionViewCom() {
|
export default function SubscriptionViewCom() {
|
||||||
|
|
||||||
const subscriptionUID = "63554d40-9ba1-4afe-80c2-ca147236f7ee";
|
const subscriptionUID = "63554d40-9ba1-4afe-80c2-ca147236f7ee";
|
||||||
|
|
||||||
const {state:{memberUID}} = useLocation()
|
const {state: {memberUID}} = useLocation()
|
||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
|
|
||||||
useEffect(()=>{
|
useEffect(() => {
|
||||||
if(!memberUID){
|
if (!memberUID) {
|
||||||
navigate(`/account-view/${memberUID}`, {replace: true, state:{memberUID}})
|
navigate(`/account-view/${memberUID}`, {replace: true, state: {memberUID}})
|
||||||
}
|
}
|
||||||
},[])
|
}, [])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='w-full flex flex-col gap-8'>
|
<div className='w-full flex flex-col gap-8'>
|
||||||
@@ -21,12 +21,28 @@ export default function SubscriptionViewCom() {
|
|||||||
|
|
||||||
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
||||||
|
|
||||||
<>
|
<div>
|
||||||
Show all here
|
Repeat the Subscription at the top
|
||||||
</>
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<b>Assign Template</b>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<b>Assign Custom Template</b>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user