) => void;
- tax: string;
- sales: string;
- handleNextSection: () => void;
- handlePreviousSection: () => void;
-}
-
-// ==============================|| SETTING - PAYMENT ||============================== //
-
-export default function PaymentSection({
- currentSection,
- handleTaxChange,
- handleSaleChange,
- tax,
- sales,
- handleNextSection,
- handlePreviousSection
-}: SectionContentProps) {
- switch (currentSection) {
- case 1:
- return (
- <>
-
-
- Establish your payment gateway
-
- Able Pro: pay streamlines your payout process, facilitating faster payments while managing author and affiliate payouts on
- your behalf.
-
-
-
-
- Mobile Phone
-
-
-
- +91
-
-
-
-
-
- >
- );
- case 2:
- return (
- <>
-
-
- Let's begin from the start
- What is your current tax filing situation?
-
-
-
-
-
- >
- );
- case 3:
- return (
- <>
-
- Inform us about your enterprise
-
-
-
- What is your current tax filing situation?
-
-
-
-
-
-
-
-
- What were your total sales for the previous year?
-
-
-
-
-
-
-
-
- What is your business name?
-
-
-
-
-
- >
- );
- case 4:
- return (
- <>
-
-
- Tell about your business
- What were your total sales for the previous year?
-
-
- >
- );
- default:
- return null;
- }
-}
diff --git a/resources/js/sections/admin-panel/online-courses/setting/PricingCard.tsx b/resources/js/sections/admin-panel/online-courses/setting/PricingCard.tsx
deleted file mode 100644
index d5f7293d7..000000000
--- a/resources/js/sections/admin-panel/online-courses/setting/PricingCard.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useState } from 'react';
-
-// react-bootstrap
-import Badge from 'react-bootstrap/Badge';
-import Button from 'react-bootstrap/Button';
-import Col from 'react-bootstrap/Col';
-import ListGroup from 'react-bootstrap/ListGroup';
-import ListGroupItem from 'react-bootstrap/ListGroupItem';
-import Row from 'react-bootstrap/Row';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-interface DetailProps {
- title: string;
- description: string;
-}
-
-interface PricingPlanProps {
- active: boolean;
- title: string;
- description: string;
- monthlyPrice: number;
- yearlyPrice: number;
- permission: number[];
- lifetime?: boolean;
-}
-
-const featureList: string[] = [
- 'One End Product', // 0
- 'No attribution required', // 1
- 'TypeScript', // 2
- 'Figma Design Resources', // 3
- 'Create Multiple Products', // 4
- 'Create a SaaS Project', // 5
- 'Resale Product', // 6
- 'Separate sale of our UI Elements?' // 7
-];
-
-const plans: PricingPlanProps[] = [
- {
- active: false,
- title: 'Basic',
- description: '05 Services',
- monthlyPrice: 69,
- yearlyPrice: 729,
- permission: [0, 1, 2],
- lifetime: true
- },
- {
- active: true,
- title: 'Standard',
- description: '05 Services',
- monthlyPrice: 129,
- yearlyPrice: 1449,
- permission: [0, 1, 2, 3, 4],
- lifetime: true
- },
- {
- active: false,
- title: 'Premium',
- description: '08 Services',
- monthlyPrice: 599,
- yearlyPrice: 7089,
- permission: [0, 1, 2, 3, 4, 5, 6, 7],
- lifetime: true
- }
-];
-
-// ==============================|| PRICING CARD ||============================== //
-
-function PricingPlan({ isYearly }: { isYearly?: boolean }) {
- return (
- <>
-
- {plans.map((plan, index) => (
-
-
-
- {plan.active && (
-
- Popular
-
- )}
-
{plan.title}
-
{plan.description}
-
-
- ${isYearly ? plan.yearlyPrice : plan.monthlyPrice}
- {plan.lifetime && Lifetime}
-
-
-
-
-
-
-
-
- {featureList.map((feature, index) => (
-
- {feature}
-
- ))}
-
-
-
- ))}
-
- >
- );
-}
-
-// ===============================|| PRICING PLAN ||============================== //
-
-export default function PricingCard({ title, description }: DetailProps) {
- const [isYearly, setIsYearly] = useState(false);
- return (
- <>
-
-
-
- {title}
- {description}
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
- >
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/site/AddBio.tsx b/resources/js/sections/admin-panel/online-courses/site/AddBio.tsx
deleted file mode 100644
index 1322a2887..000000000
--- a/resources/js/sections/admin-panel/online-courses/site/AddBio.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { useState } from 'react';
-
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Image from 'react-bootstrap/Image';
-import Modal from 'react-bootstrap/Modal';
-import Stack from 'react-bootstrap/Stack';
-
-// third-party
-import ReactQuillDemo from '@/components/third-party/ReactQuill';
-
-// assets
-import AddUserImg from '@assets/images/admin/img-add-user.png';
-
-interface Props {
- open: boolean;
- modalToggler: (state: boolean) => void;
-}
-
-// ==============================|| ADD BIO - MODAL ||============================== //
-
-export default function AddBio({ open, modalToggler }: Props) {
- const [text, setText] = useState('');
-
- const handleChange = (value: string) => {
- setText(value);
- };
-
- const closeModal = () => modalToggler(false);
-
- return (
-
-
-
-
- Add Bio
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/site/ThemeBio.tsx b/resources/js/sections/admin-panel/online-courses/site/ThemeBio.tsx
deleted file mode 100644
index 202e638bc..000000000
--- a/resources/js/sections/admin-panel/online-courses/site/ThemeBio.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { useState } from 'react';
-
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Image from 'react-bootstrap/Image';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import Stack from 'react-bootstrap/Stack';
-import Table from 'react-bootstrap/Table';
-import Tooltip from 'react-bootstrap/Tooltip';
-
-// project-imports
-import AddBio from './AddBio';
-import MainCard from '@/components/MainCard';
-
-// assets
-import Avatar1 from '@assets/images/user/avatar-1.png';
-import Avatar2 from '@assets/images/user/avatar-2.png';
-import Avatar3 from '@assets/images/user/avatar-3.png';
-import Avatar4 from '@assets/images/user/avatar-4.png';
-
-// user data
-const userData = [
- { id: 1, name: 'Airi Satou', date: '2023/09/12', time: '3 hours ago', avatar: Avatar1 },
- { id: 2, name: 'Ashton Cox', date: '2023/12/24', time: '1 year ago', avatar: Avatar2 },
- { id: 3, name: 'Bradley Greer', date: '2022/09/19', time: '5 months ago', avatar: Avatar3 },
- { id: 4, name: 'Brielle Williamson', date: '2022/08/22', time: '1 week ago', avatar: Avatar4 },
- { id: 5, name: 'Airi Satou', date: '2023/09/12', time: 'just now', avatar: Avatar1 },
- { id: 6, name: 'Ashton Cox', date: '2023/12/24', time: '1 hour ago', avatar: Avatar2 },
- { id: 7, name: 'Bradley Greer', date: '2022/09/19', time: '3 hours ago', avatar: Avatar3 }
-];
-
-// action icons data
-const actionIcons = [
- { icon: 'ti ti-eye', name: 'View' },
- { icon: 'ti ti-edit', name: 'Edit' },
- { icon: 'ti ti-trash', name: 'Delete' }
-];
-
-// ===============================|| SITE - THEME BIO ||============================== //
-
-export default function ThemeBio() {
- const [openAddBioModal, setOpenAddBioModal] = useState(false);
-
- return (
- <>
-
-
-
-
-
-
-
- | Name |
- Date/Time |
- Action |
-
-
-
- {userData.map((user, index) => (
-
- |
-
-
-
-
-
- {user.name}
-
-
- |
-
- {user.date} {user.time}
- |
-
- {actionIcons.map((action, idx) => (
- {action.name}}>
-
-
-
-
- ))}
- |
-
- ))}
-
-
-
-
- >
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/site/ThemeDomain.tsx b/resources/js/sections/admin-panel/online-courses/site/ThemeDomain.tsx
deleted file mode 100644
index ed2f8eb7e..000000000
--- a/resources/js/sections/admin-panel/online-courses/site/ThemeDomain.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Col from 'react-bootstrap/Col';
-import Form from 'react-bootstrap/Form';
-import Image from 'react-bootstrap/Image';
-import InputGroup from 'react-bootstrap/InputGroup';
-import Row from 'react-bootstrap/Row';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import ImgDomain from '@assets/images/admin/img-domain.png';
-
-// ===============================|| SITE - THEME DOMAIN ||=============================== //
-
-export default function ThemeDomain() {
- return (
-
-
-
- Confirm your domain
- If you edit this domain, your school URL will update the next time you log out.
-
-
-
-
-
-
- .ablepro.com
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/site/ThemePage.tsx b/resources/js/sections/admin-panel/online-courses/site/ThemePage.tsx
deleted file mode 100644
index 22d3671d4..000000000
--- a/resources/js/sections/admin-panel/online-courses/site/ThemePage.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-// react-bootstrap
-import Badge from 'react-bootstrap/Badge';
-import Card from 'react-bootstrap/Card';
-import Nav from 'react-bootstrap/Nav';
-import NavItem from 'react-bootstrap/NavItem';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import NavLink from 'react-bootstrap/NavLink';
-import Tab from 'react-bootstrap/Tab';
-import Table from 'react-bootstrap/Table';
-import Tooltip from 'react-bootstrap/Tooltip';
-
-// pages data
-const pages = [
- { name: 'Main Page', url: '/main.page', status: 'Published' },
- { name: 'Login Page', url: '/login-page.design', status: 'Published' },
- { name: 'Privacy Policy', url: '/privacy-policy', status: 'Unpublished' }
-];
-
-// pages1 data
-const pages1 = [
- { name: 'Privacy Policy', url: '/privacy-policy', status: 'Unpublished' },
- { name: 'Main Page', url: '/main.page', status: 'Published' },
- { name: 'Login Page', url: '/login-page.design', status: 'Published' }
-];
-
-// action icons data
-const actionIcons = [
- { icon: 'ti ti-eye', name: 'View' },
- { icon: 'ti ti-edit', name: 'Edit' },
- { icon: 'ti ti-trash', name: 'Delete' }
-];
-
-const uniquePages = Array(3).fill(pages).flat();
-const uniquePages1 = Array(3).fill(pages1).flat();
-
-// ===============================|| SITE - THEME PAGE ||============================== //
-
-export default function ThemePage() {
- return (
-
-
-
-
-
-
-
-
-
-
-
- | Page Title |
- URL |
- State |
- Action |
-
-
-
- {uniquePages.map((page, index) => (
-
- | {page.name} |
- {page.url} |
-
- {page.status}
- |
-
- {actionIcons.map((action, idx) => (
- {action.name}}>
-
-
-
-
- ))}
- |
-
- ))}
-
-
-
-
-
-
-
- | Page Title |
- URL |
- State |
- Action |
-
-
-
- {uniquePages1.map((page, index) => (
-
- | {page.name} |
- {page.url} |
-
- {page.status}
- |
-
- {actionIcons.map((action, idx) => (
- {action.name}}>
-
-
-
-
- ))}
- |
-
- ))}
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/site/ThemeSite.tsx b/resources/js/sections/admin-panel/online-courses/site/ThemeSite.tsx
deleted file mode 100644
index 96c793d91..000000000
--- a/resources/js/sections/admin-panel/online-courses/site/ThemeSite.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-import { ChangeEvent, useRef, useState } from 'react';
-
-// react-bootstrap
-import Col from 'react-bootstrap/Col';
-import Form from 'react-bootstrap/Form';
-import Image from 'react-bootstrap/Image';
-import Row from 'react-bootstrap/Row';
-import Stack from 'react-bootstrap/Stack';
-
-// project-imports
-import ColorPickerCard from '@/components/cards/ColorPickerCard';
-import MainCard from '@/components/MainCard';
-
-// assets
-import ImgStar from '@assets/images/admin/img-star.png';
-
-// preset data
-const presets = [
- { title: 'Preset 1', colors: ['#17ba92', '#4aedc5', '#a5f6e2'], active: false },
- { title: 'Preset 2', colors: ['#c39b22', '#f6ce55', '#fbe7aa'], active: false },
- { title: 'Preset 3', colors: ['#0387c4', '#36baf7', '#9bddfb'], active: true },
- { title: 'Preset 4', colors: ['#5b6b79', '#bec8d0', '#f3f5f7'], active: false }
-];
-
-// color data
-const otherColorOptions = [
- {
- id: 'other_1',
- title: 'Nav Bar & Footer Background',
- description: 'Fixed, scrolling & email',
- colorClass: 'text-green-400',
- hexCode: '#4AEDC5'
- },
- {
- id: 'other_2',
- title: 'Navigation Bar Link',
- description: 'Links when nav bar is fixed',
- colorClass: 'text-red-500',
- hexCode: '#F44236'
- },
- {
- id: 'other_3',
- title: 'Navigation Bar',
- description: 'Links when nav bar is scrolling',
- colorClass: 'text-green-200',
- hexCode: '#A5F6E2'
- },
- {
- id: 'other_4',
- title: 'Homepage Headings & Subtitle',
- description: 'When a background is set',
- colorClass: 'text-gray-400',
- hexCode: '#BEC8D0'
- },
- {
- id: 'other_5',
- title: 'Course Page Heading & Subtitle',
- description: 'When a Background is set',
- colorClass: 'text-gray-200',
- hexCode: '#F3F5F7'
- },
- {
- id: 'other_6',
- title: 'Headings',
- description: ' to ',
- colorClass: 'text-gray-500',
- hexCode: '#8996A4'
- },
- {
- id: 'other_7',
- title: 'Body text',
- description: ' ,
',
- colorClass: 'text-gray-800',
- hexCode: '#1D2630'
- },
- {
- id: 'other_8',
- title: 'Buttons & Links',
- description: ' ,
-
- ))}
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/student/Apply.tsx b/resources/js/sections/admin-panel/online-courses/student/Apply.tsx
deleted file mode 100644
index 797e42f01..000000000
--- a/resources/js/sections/admin-panel/online-courses/student/Apply.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-import { useMemo, useState } from 'react';
-
-// react-bootstrap
-import Image from 'react-bootstrap/Image';
-import Stack from 'react-bootstrap/Stack';
-import Table from 'react-bootstrap/Table';
-
-// third-party
-import {
- getCoreRowModel,
- getFilteredRowModel,
- getFacetedMinMaxValues,
- getFacetedUniqueValues,
- flexRender,
- useReactTable,
- ColumnDef,
- ColumnFiltersState,
- HeaderGroup,
- getPaginationRowModel,
- getSortedRowModel
-} from '@tanstack/react-table';
-import { PatternFormat } from 'react-number-format';
-
-// project-imports
-import HeaderSort from '@/sections/tables/react-table/sorting/HeaderSort';
-import MainCard from '@/components/MainCard';
-import DebouncedInput from '@/components/third-party/react-table/DebouncedInput';
-import TablePagination from '@/components/third-party/react-table/Pagination';
-import SortingData from '@/components/third-party/react-table/SortingData';
-
-import makeData from '@/data/react-table';
-import { getImageUrl, ImagePath } from '@/utils/getImageUrl';
-
-// types
-import { TableDataProps } from '@/types/table';
-
-interface LabelKeyObject {
- label: string;
- key: string;
-}
-
-interface ReactTableProps {
- columns: ColumnDef[];
- data: TableDataProps[];
-}
-
-// ==============================|| REACT TABLE ||============================== //
-
-function ReactTable({ columns, data }: ReactTableProps) {
- const [columnFilters, setColumnFilters] = useState([]);
- const [globalFilter, setGlobalFilter] = useState('');
-
- const table = useReactTable({
- data,
- columns,
- state: { columnFilters, globalFilter },
- getSortedRowModel: getSortedRowModel(),
- getCoreRowModel: getCoreRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- getFacetedUniqueValues: getFacetedUniqueValues(),
- getFacetedMinMaxValues: getFacetedMinMaxValues(),
- getPaginationRowModel: getPaginationRowModel(),
- onColumnFiltersChange: setColumnFilters,
- onGlobalFilterChange: setGlobalFilter
- });
-
- let headers: LabelKeyObject[] = [];
- table.getAllColumns().map((column) => {
- const accessorKey = column.columnDef;
-
- headers.push({
- label: typeof column.columnDef.header === 'string' ? column.columnDef.header : '#',
- key: typeof accessorKey === 'string' ? accessorKey : 'unknown'
- });
- });
-
- return (
-
-
-
-
- setGlobalFilter(String(value))} />
-
-
-
-
- {table.getHeaderGroups().map((headerGroup: HeaderGroup, index) => (
-
- {headerGroup.headers.map((header, index) => {
- return (
- |
- {header.isPlaceholder ? null : (
-
- {flexRender(header.column.columnDef.header, header.getContext())}
- {header.column.getCanSort() && }
-
- )}
- |
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows.map((row, index) => (
-
- {row.getVisibleCells().map((cell, cellIndex) => (
- |
- {flexRender(cell.column.columnDef.cell, cell.getContext())}
- |
- ))}
-
- ))}
-
-
-
-
- );
-}
-
-// ==============================|| STUDENT - APPLY ||============================== //
-
-export default function StudentApply() {
- const data: TableDataProps[] = useMemo(() => makeData(100), []);
- const getRandomDate = (start: Date, end: Date): string => {
- const randomDate = new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
- return randomDate.toISOString().split('T')[0].replace(/-/g, '/');
- };
-
- const columns = useMemo[]>(() => {
- const getRandomDegree = () => {
- const degrees = ['B.Tech', 'M.Tech', 'MBA', 'PhD', 'B.Sc', 'M.Sc'];
- return degrees[Math.floor(Math.random() * degrees.length)];
- };
-
- return [
- {
- header: 'Name',
- accessorKey: 'fullName',
- cell: ({ row, getValue }) => (
-
-
- {getValue() as string}
-
- )
- },
- { header: 'Department', accessorKey: 'role' },
- { header: 'Qualification', cell: getRandomDegree },
- {
- header: 'Mobile',
- accessorKey: 'contact',
- cell: ({ getValue }) =>
- },
- {
- header: 'Date/Time',
- accessorKey: 'date',
- cell: () => (
- <>
- {getRandomDate(new Date(2020, 0, 1), new Date(2025, 11, 31))}
- 09:05 PM
- >
- )
- },
- {
- header: 'Action',
- cell: () => (
-
-
-
-
-
-
-
-
-
-
-
- )
- }
- ];
- }, []);
-
- return ;
-}
diff --git a/resources/js/sections/admin-panel/online-courses/student/List.tsx b/resources/js/sections/admin-panel/online-courses/student/List.tsx
deleted file mode 100644
index 939f75f81..000000000
--- a/resources/js/sections/admin-panel/online-courses/student/List.tsx
+++ /dev/null
@@ -1,209 +0,0 @@
-import { useMemo, useState } from 'react';
-import { Link } from '@inertiajs/react';
-
-// react-bootstrap
-import Image from 'react-bootstrap/Image';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import Stack from 'react-bootstrap/Stack';
-import Table from 'react-bootstrap/Table';
-import Tooltip from 'react-bootstrap/Tooltip';
-
-// third-party
-import {
- getCoreRowModel,
- getFilteredRowModel,
- getFacetedMinMaxValues,
- getFacetedUniqueValues,
- flexRender,
- useReactTable,
- ColumnDef,
- ColumnFiltersState,
- HeaderGroup,
- getPaginationRowModel,
- getSortedRowModel
-} from '@tanstack/react-table';
-import { PatternFormat } from 'react-number-format';
-
-// project-imports
-import HeaderSort from '@/sections/tables/react-table/sorting/HeaderSort';
-import DebouncedInput from '@/components/third-party/react-table/DebouncedInput';
-import TablePagination from '@/components/third-party/react-table/Pagination';
-import SortingData from '@/components/third-party/react-table/SortingData';
-import MainCard from '@/components/MainCard';
-
-import makeData from '@/data/react-table';
-import { getImageUrl, ImagePath } from '@/utils/getImageUrl';
-
-// types
-import { TableDataProps } from '@/types/table';
-
-interface LabelKeyObject {
- label: string;
- key: string;
-}
-
-interface ReactTableProps {
- columns: ColumnDef[];
- data: TableDataProps[];
-}
-
-// ==============================|| ACTION ICON DATA ||============================== //
-
-const actionIcons = [
- { bg: 'btn-link-secondary', icon: 'ti ti-eye', name: 'View' },
- { bg: 'btn-link-primary', icon: 'ti ti-edit text-primary', name: 'Edit' },
- { bg: 'btn-link-danger', icon: 'ti ti-trash text-danger', name: 'Delete' }
-];
-
-// ==============================|| REACT TABLE ||============================== //
-
-function ReactTable({ columns, data }: ReactTableProps) {
- const [columnFilters, setColumnFilters] = useState([]);
- const [globalFilter, setGlobalFilter] = useState('');
-
- const table = useReactTable({
- data,
- columns,
- state: { columnFilters, globalFilter },
- getSortedRowModel: getSortedRowModel(),
- getCoreRowModel: getCoreRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- getFacetedUniqueValues: getFacetedUniqueValues(),
- getFacetedMinMaxValues: getFacetedMinMaxValues(),
- getPaginationRowModel: getPaginationRowModel(),
- onColumnFiltersChange: setColumnFilters,
- onGlobalFilterChange: setGlobalFilter
- });
-
- let headers: LabelKeyObject[] = [];
- table.getAllColumns().map((column) => {
- const accessorKey = column.columnDef;
-
- headers.push({
- label: typeof column.columnDef.header === 'string' ? column.columnDef.header : '#',
- key: typeof accessorKey === 'string' ? accessorKey : 'unknown'
- });
- });
-
- return (
-
-
- Apply Student List
-
-
- Add Student
-
-
- }
- className="table-card px-0"
- >
-
-
-
- setGlobalFilter(String(value))} />
-
-
-
-
- {table.getHeaderGroups().map((headerGroup: HeaderGroup, index) => (
-
- {headerGroup.headers.map((header, index) => {
- return (
- |
- {header.isPlaceholder ? null : (
-
- {flexRender(header.column.columnDef.header, header.getContext())}
- {header.column.getCanSort() && }
-
- )}
- |
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows.map((row, index) => (
-
- {row.getVisibleCells().map((cell, index) => (
- |
- {flexRender(cell.column.columnDef.cell, cell.getContext())}
- |
- ))}
-
- ))}
-
-
-
-
- );
-}
-
-// ==============================|| STUDENT - LIST ||============================== //
-
-export default function StudentList() {
- const data: TableDataProps[] = useMemo(() => makeData(100), []);
- const getRandomDate = (start: Date, end: Date): string => {
- const randomDate = new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
- return randomDate.toISOString().split('T')[0].replace(/-/g, '/');
- };
-
- const columns = useMemo[]>(() => {
- const getRandomDegree = () => {
- const degrees = ['B.Tech', 'M.Tech', 'MBA', 'PhD', 'B.Sc', 'M.Sc'];
- return degrees[Math.floor(Math.random() * degrees.length)];
- };
-
- return [
- {
- header: 'Name',
- accessorKey: 'fullName',
- cell: ({ row, getValue }) => (
-
-
- {getValue() as string}
-
- )
- },
- {
- header: 'Mobile',
- accessorKey: 'contact',
- cell: ({ getValue }) =>
- },
- { header: 'Qualification', cell: getRandomDegree },
- { header: 'Email', cell: () => 'Info@123.com' },
-
- {
- header: 'Admission Date',
- accessorKey: 'date',
- cell: () => getRandomDate(new Date(2020, 0, 1), new Date(2025, 11, 31))
- },
- {
- header: 'Action',
- cell: () => (
-
- {actionIcons.map((action, idx) => (
- {action.name}}>
-
-
-
-
- ))}
-
- )
- }
- ];
- }, []);
-
- return ;
-}
diff --git a/resources/js/sections/admin-panel/online-courses/teacher/Add.tsx b/resources/js/sections/admin-panel/online-courses/teacher/Add.tsx
deleted file mode 100644
index 0d4e109a5..000000000
--- a/resources/js/sections/admin-panel/online-courses/teacher/Add.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Col from 'react-bootstrap/Col';
-import Form from 'react-bootstrap/Form';
-import Row from 'react-bootstrap/Row';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// ==============================|| FORM FIELD CONFIGURATION ||============================== //
-
-const formFields = [
- { id: 'firstName', label: 'First Name', type: 'text', placeholder: 'Enter first name' },
- { id: 'lastName', label: 'Last Name', type: 'text', placeholder: 'Enter last name' },
- { id: 'email', label: 'Email', type: 'email', placeholder: 'Enter email' },
- { id: 'joiningDate', label: 'Joining Date', type: 'date' },
- { id: 'password', label: 'Password', type: 'password', placeholder: 'Enter password' },
- { id: 'confirmPassword', label: 'Confirm Password', type: 'password', placeholder: 'Enter confirm password' },
- { id: 'mobile', label: 'Mobile Number', type: 'phone', placeholder: 'Enter mobile number' },
- { id: 'gender', label: 'Gender', type: 'select', options: ['Female', 'Male'] },
- { id: 'designation', label: 'Designation', type: 'text', placeholder: 'Enter designation' },
- { id: 'department', label: 'Department', type: 'select', options: ['Department', 'Department 1', 'Department 2'] },
- { id: 'dob', label: 'Date of Birth', type: 'date' },
- { id: 'education', label: 'Education', type: 'text', placeholder: 'Enter education' },
- { id: 'profilePic', type: 'file' }
-];
-
-// ==============================|| TEACHER - ADD ||============================== //
-
-export default function TeacherAdd() {
- return (
-
-
- {formFields.map((field, index) => (
-
-
- {field.label &&
{field.label}}
-
- {field.type === 'select' ? (
-
- {field.options?.map((option, index) => (
-
- ))}
-
- ) : (
-
- )}
-
-
- ))}
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/admin-panel/online-courses/teacher/Apply.tsx b/resources/js/sections/admin-panel/online-courses/teacher/Apply.tsx
deleted file mode 100644
index b2b939dc0..000000000
--- a/resources/js/sections/admin-panel/online-courses/teacher/Apply.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-import { useMemo, useState } from 'react';
-
-// react-bootstrap
-import Image from 'react-bootstrap/Image';
-import Stack from 'react-bootstrap/Stack';
-import Table from 'react-bootstrap/Table';
-
-// third-party
-import {
- getCoreRowModel,
- getFilteredRowModel,
- getFacetedMinMaxValues,
- getFacetedUniqueValues,
- flexRender,
- useReactTable,
- ColumnDef,
- ColumnFiltersState,
- HeaderGroup,
- getPaginationRowModel,
- getSortedRowModel
-} from '@tanstack/react-table';
-import { PatternFormat } from 'react-number-format';
-
-// project-imports
-import HeaderSort from '@/sections/tables/react-table/sorting/HeaderSort';
-import DebouncedInput from '@/components/third-party/react-table/DebouncedInput';
-import TablePagination from '@/components/third-party/react-table/Pagination';
-import SortingData from '@/components/third-party/react-table/SortingData';
-import MainCard from '@/components/MainCard';
-
-import makeData from '@/data/react-table';
-import { getImageUrl, ImagePath } from '@/utils/getImageUrl';
-
-// types
-import { TableDataProps } from '@/types/table';
-
-interface LabelKeyObject {
- label: string;
- key: string;
-}
-
-interface ReactTableProps {
- columns: ColumnDef[];
- data: TableDataProps[];
-}
-
-// ==============================|| REACT TABLE ||============================== //
-
-function ReactTable({ columns, data }: ReactTableProps) {
- const [columnFilters, setColumnFilters] = useState([]);
- const [globalFilter, setGlobalFilter] = useState('');
-
- const table = useReactTable({
- data,
- columns,
- state: { columnFilters, globalFilter },
- getSortedRowModel: getSortedRowModel(),
- getCoreRowModel: getCoreRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- getFacetedUniqueValues: getFacetedUniqueValues(),
- getFacetedMinMaxValues: getFacetedMinMaxValues(),
- getPaginationRowModel: getPaginationRowModel(),
- onColumnFiltersChange: setColumnFilters,
- onGlobalFilterChange: setGlobalFilter
- });
-
- let headers: LabelKeyObject[] = [];
- table.getAllColumns().map((column) => {
- const accessorKey = column.columnDef;
-
- headers.push({
- label: typeof column.columnDef.header === 'string' ? column.columnDef.header : '#',
- key: typeof accessorKey === 'string' ? accessorKey : 'unknown'
- });
- });
-
- return (
-
-
-
-
- setGlobalFilter(String(value))} />
-
-
-
-
- {table.getHeaderGroups().map((headerGroup: HeaderGroup, index) => (
-
- {headerGroup.headers.map((header, index) => {
- return (
- |
- {header.isPlaceholder ? null : (
-
- {flexRender(header.column.columnDef.header, header.getContext())}
- {header.column.getCanSort() && }
-
- )}
- |
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows.map((row, index) => (
-
- {row.getVisibleCells().map((cell, index) => (
- |
- {flexRender(cell.column.columnDef.cell, cell.getContext())}
- |
- ))}
-
- ))}
-
-
-
-
- );
-}
-
-// ==============================|| TEACHER - APPLY ||============================== //
-
-export default function TeacherApply() {
- const data: TableDataProps[] = useMemo(() => makeData(100), []);
- const getRandomDate = (start: Date, end: Date): string => {
- const randomDate = new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
- return randomDate.toISOString().split('T')[0].replace(/-/g, '/');
- };
-
- const columns = useMemo[]>(() => {
- const getRandomDegree = () => {
- const degrees = ['B.Tech', 'M.Tech', 'MBA', 'PhD', 'B.Sc', 'M.Sc'];
- return degrees[Math.floor(Math.random() * degrees.length)];
- };
-
- return [
- {
- header: 'Name',
- accessorKey: 'fullName',
- cell: ({ row, getValue }) => (
-
-
- {getValue() as string}
-
- )
- },
- { header: 'Department', accessorKey: 'role' },
- { header: 'Qualification', cell: getRandomDegree },
- {
- header: 'Mobile',
- accessorKey: 'contact',
- cell: ({ getValue }) =>
- },
- {
- header: 'Date/Time',
- accessorKey: 'date',
- cell: () => (
- <>
- {getRandomDate(new Date(2020, 0, 1), new Date(2025, 11, 31))}
- 09:05 PM
- >
- )
- },
- {
- header: 'Action',
- cell: () => (
-
-
-
-
-
-
-
-
-
-
-
- )
- }
- ];
- }, []);
-
- return ;
-}
diff --git a/resources/js/sections/admin-panel/online-courses/teacher/List.tsx b/resources/js/sections/admin-panel/online-courses/teacher/List.tsx
deleted file mode 100644
index ae14e5a6f..000000000
--- a/resources/js/sections/admin-panel/online-courses/teacher/List.tsx
+++ /dev/null
@@ -1,210 +0,0 @@
-import { useMemo, useState } from 'react';
-import { Link } from '@inertiajs/react';
-
-// react-bootstrap
-import Image from 'react-bootstrap/Image';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import Stack from 'react-bootstrap/Stack';
-import Table from 'react-bootstrap/Table';
-import Tooltip from 'react-bootstrap/Tooltip';
-
-// third-party
-import {
- getCoreRowModel,
- getFilteredRowModel,
- getFacetedMinMaxValues,
- getFacetedUniqueValues,
- flexRender,
- useReactTable,
- ColumnDef,
- ColumnFiltersState,
- HeaderGroup,
- getPaginationRowModel,
- getSortedRowModel
-} from '@tanstack/react-table';
-import { PatternFormat } from 'react-number-format';
-
-// project-imports
-import HeaderSort from '@/sections/tables/react-table/sorting/HeaderSort';
-import DebouncedInput from '@/components/third-party/react-table/DebouncedInput';
-import TablePagination from '@/components/third-party/react-table/Pagination';
-import SortingData from '@/components/third-party/react-table/SortingData';
-import MainCard from '@/components/MainCard';
-
-import makeData from '@/data/react-table';
-import { getImageUrl, ImagePath } from '@/utils/getImageUrl';
-
-// types
-import { TableDataProps } from '@/types/table';
-
-interface LabelKeyObject {
- label: string;
- key: string;
-}
-
-interface ReactTableProps {
- columns: ColumnDef[];
- data: TableDataProps[];
-}
-
-// ==============================|| ACTION ICON DATA ||============================== //
-
-const actionIcons = [
- { bg: 'btn-link-secondary', icon: 'ti ti-eye', name: 'View' },
- { bg: 'btn-link-primary', icon: 'ti ti-edit text-primary', name: 'Edit' },
- { bg: 'btn-link-danger', icon: 'ti ti-trash text-danger', name: 'Delete' }
-];
-
-// ==============================|| REACT TABLE ||============================== //
-
-function ReactTable({ columns, data }: ReactTableProps) {
- const [columnFilters, setColumnFilters] = useState([]);
- const [globalFilter, setGlobalFilter] = useState('');
-
- const table = useReactTable({
- data,
- columns,
- state: { columnFilters, globalFilter },
- getSortedRowModel: getSortedRowModel(),
- getCoreRowModel: getCoreRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- getFacetedUniqueValues: getFacetedUniqueValues(),
- getFacetedMinMaxValues: getFacetedMinMaxValues(),
- getPaginationRowModel: getPaginationRowModel(),
- onColumnFiltersChange: setColumnFilters,
- onGlobalFilterChange: setGlobalFilter
- });
-
- let headers: LabelKeyObject[] = [];
- table.getAllColumns().map((column) => {
- const accessorKey = column.columnDef;
-
- headers.push({
- label: typeof column.columnDef.header === 'string' ? column.columnDef.header : '#',
- key: typeof accessorKey === 'string' ? accessorKey : 'unknown'
- });
- });
-
- return (
-
-
- Apply Teacher List
-
-
- Add Teacher
-
-
- }
- className="table-card px-0"
- >
-
-
-
- setGlobalFilter(String(value))} />
-
-
-
-
-
- {table.getHeaderGroups().map((headerGroup: HeaderGroup, index) => (
-
- {headerGroup.headers.map((header, index) => {
- return (
- |
- {header.isPlaceholder ? null : (
-
- {flexRender(header.column.columnDef.header, header.getContext())}
- {header.column.getCanSort() && }
-
- )}
- |
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows.map((row, index) => (
-
- {row.getVisibleCells().map((cell, cellIndex) => (
- |
- {flexRender(cell.column.columnDef.cell, cell.getContext())}
- |
- ))}
-
- ))}
-
-
-
-
-
- );
-}
-
-// ==============================|| TEACHER - LIST ||============================== //
-
-export default function TeacherList() {
- const data: TableDataProps[] = useMemo(() => makeData(100), []);
- const getRandomDate = (start: Date, end: Date): string => {
- const randomDate = new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
- return randomDate.toISOString().split('T')[0].replace(/-/g, '/');
- };
-
- const columns = useMemo[]>(() => {
- const getRandomDegree = () => {
- const degrees = ['B.Tech', 'M.Tech', 'MBA', 'PhD', 'B.Sc', 'M.Sc'];
- return degrees[Math.floor(Math.random() * degrees.length)];
- };
-
- return [
- {
- header: 'Name',
- accessorKey: 'fullName',
- cell: ({ row, getValue }) => (
-
-
- {getValue() as string}
-
- )
- },
- { header: 'Department', accessorKey: 'role' },
- { header: 'Qualification', cell: getRandomDegree },
- {
- header: 'Mobile',
- accessorKey: 'contact',
- cell: ({ getValue }) =>
- },
- {
- header: 'Joining Date',
- accessorKey: 'date',
- cell: () => getRandomDate(new Date(2020, 0, 1), new Date(2025, 11, 31))
- },
- {
- header: 'Action',
- cell: () => (
-
- {actionIcons.map((action, idx) => (
- {action.name}}>
-
-
-
-
- ))}
-
- )
- }
- ];
- }, []);
-
- return ;
-}
diff --git a/resources/js/sections/application/Message.tsx b/resources/js/sections/application/Message.tsx
deleted file mode 100644
index 870fda79c..000000000
--- a/resources/js/sections/application/Message.tsx
+++ /dev/null
@@ -1,1054 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Link } from '@inertiajs/react';
-
-// react-bootstrap
-import Accordion from 'react-bootstrap/Accordion';
-import Badge from 'react-bootstrap/Badge';
-import Button from 'react-bootstrap/Button';
-import Card from 'react-bootstrap/Card';
-import CardBody from 'react-bootstrap/CardBody';
-import Col from 'react-bootstrap/Col';
-import Collapse from 'react-bootstrap/Collapse';
-import Dropdown from 'react-bootstrap/Dropdown';
-import Form from 'react-bootstrap/Form';
-import Image from 'react-bootstrap/Image';
-import ListGroup from 'react-bootstrap/ListGroup';
-import Offcanvas from 'react-bootstrap/Offcanvas';
-import Row from 'react-bootstrap/Row';
-import Stack from 'react-bootstrap/Stack';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-import SimpleBarScroll from '@/components/third-party/SimpleBar';
-
-// assets
-import Avatar1 from '@assets/images/user/avatar-1.png';
-import Avatar2 from '@assets/images/user/avatar-2.png';
-import Avatar3 from '@assets/images/user/avatar-3.png';
-import Avatar5 from '@assets/images/user/avatar-5.png';
-
-// user data
-const users = [
- {
- id: 1,
- name: 'John Doe',
- message: 'when meeting schedule',
- time: '1 week ago',
- avatar: Avatar1,
- badgeClass: 'bg-success'
- },
- {
- id: 2,
- name: 'Keefs',
- message: 'when meeting schedule',
- time: '1 week ago',
- avatar: Avatar2,
- badgeClass: 'bg-success bg-opacity-50'
- },
- {
- id: 3,
- name: 'Lazaro',
- message: 'when meeting schedule',
- time: '1 week ago',
- avatar: Avatar3,
- badgeClass: 'bg-secondary bg-opacity-50'
- },
- {
- id: 4,
- name: 'Adeline',
- message: 'when meeting schedule',
- time: '1 week ago',
- avatar: Avatar3,
- badgeClass: 'bg-secondary bg-opacity-50'
- }
-];
-
-// ==============================|| REPLY DROPDOWN ||============================== //
-
-const ReplyDropdown = () => {
- return (
-
-
-
-
-
-
-
- Reply
-
-
- Forward
-
-
- Copy
-
-
- Delete
-
-
-
- );
-};
-
-// ==============================|| APPLICATION - MESSAGE ||============================== //
-
-export default function MessageSection() {
- const [showUserList, setShowUserList] = useState(false);
- const [showUserInfo, setShowUserInfo] = useState(false);
- const [open, setOpen] = useState(true);
- const [infoOpen, setInfoOpen] = useState(false);
-
- const handleShowUserList = () => setShowUserList(true);
- const handleCloseUserList = () => {
- setShowUserList(false);
- };
-
- const handleCloseUserInfo = () => setShowUserInfo(false);
- const handleShowUserInfo = () => {
- setShowUserInfo(true);
- setInfoOpen(false);
- };
-
- const handleCloseInfo = () => setInfoOpen(false);
- const handleShowInfo = () => setInfoOpen(!infoOpen);
-
- useEffect(() => {
- const handleResize = () => {
- if (window.innerWidth < 1025) {
- setOpen(false);
- setInfoOpen(false);
- } else {
- setOpen(true);
- }
- };
-
- handleResize();
-
- window.addEventListener('resize', handleResize);
- return () => window.removeEventListener('resize', handleResize);
- }, []);
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Inbox 9
-
-
-
-
-
-
-
-
-
-
- Preferences
-
-
- Edit profile
-
-
- Go offline
-
-
- Mark all read
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {Array(2)
- .fill(users)
- .flat()
- .map((user, index) => (
-
-
-
-
-
-
{user.name}
-
-
- {user.message}
-
- {user.time}
-
-
-
-
-
-
-
-
-
- Delete conversation
-
-
- Mark as read
-
-
- Profile
-
-
-
-
-
- ))}
-
-
-
-
-
-
-
-
- Logout
-
-
-
- Setting
-
-
-
-
-
-
-
-
-
John Doe
- UI/UX Designer
-
-
-
-
-
-
-
- Active
-
-
- Away
-
-
- Do not disturb
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Inbox 9
-
-
-
-
-
-
-
-
-
- Preferences
- Edit profile
- Go offline
- Mark all read
-
-
-
-
-
-
-
-
-
-
-
-
-
- {Array(2)
- .fill(users)
- .flat()
- .map((user, index) => (
-
-
-
-
-
{user.name}
-
-
- {user.message}
-
- {user.time}
-
-
-
-
-
-
-
- Delete conversation
- Mark as read
- Profile
-
-
-
-
- ))}
-
-
-
-
-
-
-
- Logout
-
-
-
- Setting
-
-
-
-
-
-
John Doe
- UI/UX Designer
-
-
-
-
-
-
-
-
- Active
-
-
- Away
-
-
- Do not disturb
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-
-
Alene
- UI/UX Designer
-
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- Name
-
-
- Date
-
-
- Rating
-
-
- Unread
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 9h ago
-
-
-
-
-
-
-
-
-
-
-
How can i cap you today?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Agilulf Fuxg 11:23 AM
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 9h ago
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
How can i cap you today?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Agilulf Fuxg 11:23 AM
-
-
-
-
-
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s.
-
-
-
-
-
-
-
-
-
-
-
-
-
- 9h ago
-
-
-
-
-
-
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s.
-
-
-
-
-
-
-
-
-
-
-
- {/* Message Input */}
-
-
-
- -
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
- Profile View
-
-
-
-
-
-
-
-
-
-
-
-
-
- Alene
-
- DM on{' '}
-
- @williambond
-
-
-
- -
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Information
-
-
-
-
- 32188 Sips Parkways, U.S
-
-
-
- Keefe@codedtheme.com
-
-
-
- 995-250-1803
-
-
-
- 30, Nov 2021
-
-
-
- India
-
-
-
-
-
- www.dattaable.com
-
-
-
-
-
-
-
- UI/UX Designer
-
-
-
-
-
-
-
-
-
-
- File Type
-
-
-
-
-
-
Document
- 123 files, 193MB
-
-
-
-
-
-
-
Photos
- 53 files, 321MB
-
-
-
-
-
-
-
Other
- 49 files, 193MB
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Profile View
-
-
-
-
-
-
- Alene
-
- DM on{' '}
-
- @williambond
-
-
-
- -
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Information
-
-
-
-
- 32188 Sips Parkways, U.S
-
-
-
- Keefe@codedtheme.com
-
-
-
- 995-250-1803
-
-
-
- 30, Nov 2021
-
-
-
- India
-
-
-
-
-
- Light able.com
-
-
-
-
-
-
-
- UI/UX Designer
-
-
-
-
-
-
-
-
-
-
- File Type
-
-
-
-
-
-
-
-
Document
- 123 files, 193MB
-
-
-
-
-
-
-
-
-
-
-
Photos
- 53 files, 321MB
-
-
-
-
-
-
-
-
-
-
-
Other
- 49 files, 193MB
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/calendar/AddEventForm.tsx b/resources/js/sections/application/calendar/AddEventForm.tsx
deleted file mode 100644
index e1e01ba61..000000000
--- a/resources/js/sections/application/calendar/AddEventForm.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Form from 'react-bootstrap/Form';
-import Offcanvas from 'react-bootstrap/Offcanvas';
-import Stack from 'react-bootstrap/Stack';
-
-// third-party
-import { EventInput } from '@fullcalendar/common';
-import * as Yup from 'yup';
-import { useFormik, Form as FormikForm, FormikProvider } from 'formik';
-
-import { createEvent, updateEvent } from '@/api/calender';
-
-interface AddEventFormProps {
- open: boolean;
- handleEventModal: () => void;
- selectedEvent: EventInput | null;
-}
-
-const COLOR_CLASS_MAP: Record = {
- '#f6ffed': 'event-danger',
- '#8c8c8c': 'event-secondary',
- '#fffbe6': 'event-warning',
- '#faad14': 'event-warning',
- '#52c41a': 'event-success',
- '#1890ff': 'event-primary',
- '#f5222d': 'event-danger',
- '#e6f7ff': 'event-info'
-};
-
-// formik validation
-const EventSchema = Yup.object().shape({
- title: Yup.string().max(255).required('Title is required'),
- description: Yup.string().max(5000),
- venue: Yup.string().max(255).required('Venue is required'),
- color: Yup.string().max(255)
-});
-
-// ==============================|| CALENDAR - ADD EVENT FORM ||============================== //
-
-export default function AddEventForm({ open, handleEventModal, selectedEvent }: AddEventFormProps) {
- const formik = useFormik({
- initialValues: {
- title: selectedEvent?.title || '',
- venue: 'City Town',
- description: selectedEvent?.description || '',
- start: selectedEvent?.start
- ? typeof selectedEvent.start === 'string'
- ? new Date(Date.parse(selectedEvent.start))
- : selectedEvent.start
- : null,
- end: selectedEvent?.end
- ? typeof selectedEvent.end === 'string'
- ? new Date(Date.parse(selectedEvent.end))
- : selectedEvent.end
- : null,
- color: selectedEvent?.color || ''
- },
- validationSchema: EventSchema,
- enableReinitialize: true,
- onSubmit: async (values, { setSubmitting }) => {
- try {
- const transformedValues = {
- ...values,
- start: Array.isArray(values.start)
- ? new Date(values.start[0])
- : typeof values.start === 'number'
- ? new Date(values.start)
- : values.start,
- end: Array.isArray(values.end) ? new Date(values.end[0]) : typeof values.end === 'number' ? new Date(values.end) : values.end,
- color: values.color,
- textColor: values.color,
- allDay: true
- };
-
- if (selectedEvent && selectedEvent.id) {
- await updateEvent(selectedEvent.id, transformedValues);
- } else {
- await createEvent(transformedValues);
- }
-
- handleEventModal();
- setSubmitting(false);
- } catch (error) {
- console.error('Error submitting form:', error);
- setSubmitting(false);
- }
- }
- });
- const { errors, touched, handleSubmit, getFieldProps } = formik;
-
- return (
-
-
- {selectedEvent ? 'Update Event' : 'Add Event'}
-
-
-
-
-
-
- Title
-
- {errors.title}
-
-
-
- Venue
-
- {errors.venue}
-
-
-
- Description
-
-
- {typeof errors.description === 'string' ? errors.description : ''}
-
-
-
-
- Type
- formik.setFieldValue('color', e.target.value)} // Store hex color
- >
-
- {Object.entries(COLOR_CLASS_MAP).map(([hex, className]) => (
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/calendar/EventDetailModal.tsx b/resources/js/sections/application/calendar/EventDetailModal.tsx
deleted file mode 100644
index 16f6586f7..000000000
--- a/resources/js/sections/application/calendar/EventDetailModal.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-// react-bootstrap
-import { EventInput } from '@fullcalendar/common';
-import { deleteEvent } from '@/api/calender';
-import Button from 'react-bootstrap/Button';
-import ListGroup from 'react-bootstrap/ListGroup';
-import Modal from 'react-bootstrap/Modal';
-import Stack from 'react-bootstrap/Stack';
-
-// third-party
-import Swal from 'sweetalert2';
-
-interface EventDetailProps {
- icon: string;
- bgColor: string;
- title: string;
- className: string;
- value: string;
-}
-
-interface EventProps {
- isModalOpen: boolean;
- handleModal: () => void;
- selectedEvent: EventInput | null;
- handleEventModal: () => void;
- setModalOpen: (open: boolean) => void;
-}
-
-function handleConfirmDialog(id: string | undefined) {
- const swalWithBootstrapButtons = Swal.mixin({
- customClass: {
- confirmButton: 'btn btn-success',
- cancelButton: 'btn btn-danger'
- },
- buttonsStyling: false
- });
-
- swalWithBootstrapButtons
- .fire({
- title: 'Are you sure?',
- text: "You won't be able to revert this!",
- icon: 'warning',
- showCancelButton: true,
- confirmButtonText: 'Yes, delete it!',
- cancelButtonText: 'No, cancel!',
- reverseButtons: true
- })
- .then((result) => {
- if (result.isConfirmed) {
- deleteEvent(id ?? '');
- swalWithBootstrapButtons.fire('Deleted!', 'Your file has been deleted.', 'success');
- } else if (result.dismiss === Swal.DismissReason.cancel) {
- swalWithBootstrapButtons.fire('Cancelled', 'Your imaginary file is safe :)', 'error');
- }
- });
-}
-
-function EventDetail({ icon, bgColor, title, className, value }: EventDetailProps) {
- return (
-
-
-
-
- {title}
-
-
{value}
-
-
- );
-}
-
-// ==============================|| CALENDAR - EVENT DETAIL MODAL ||============================== //
-
-export default function EventDetailModal({ isModalOpen, handleModal, selectedEvent, handleEventModal, setModalOpen }: EventProps) {
- return (
-
-
- {selectedEvent?.title}
-
-
-
-
-
-
-
-
-
-
- {
- e.preventDefault();
- handleConfirmDialog(selectedEvent?.id);
- setModalOpen(false);
- }}
- >
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/calendar/index.tsx b/resources/js/sections/application/calendar/index.tsx
deleted file mode 100644
index 4692817c3..000000000
--- a/resources/js/sections/application/calendar/index.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-// third-party
-import FullCalendar from '@fullcalendar/react';
-import listPlugin from '@fullcalendar/list';
-import dayGridPlugin from '@fullcalendar/daygrid';
-import timeGridPlugin from '@fullcalendar/timegrid';
-import interactionPlugin, { EventResizeDoneArg } from '@fullcalendar/interaction';
-import { EventClickArg, EventDropArg, EventSourceInput } from '@fullcalendar/core';
-import { EventInput } from '@fullcalendar/common';
-
-// project-imports
-import AddEventForm from './AddEventForm';
-import EventDetailModal from './EventDetailModal';
-import { updateEvent, useGetEvents } from '@/api/calender';
-
-const COLOR_CLASS_MAP: Record = {
- '#f6ffed': 'event-danger',
- '#8c8c8c': 'event-secondary',
- '#fffbe6': 'event-warning',
- '#faad14': 'event-warning',
- '#52c41a': 'event-success',
- '#1890ff': 'event-primary',
- '#f5222d': 'event-danger',
- '#e6f7ff': 'event-info'
-};
-
-// ==============================|| APPLICATION - CALENDAR ||============================== //
-
-export default function CalendarComponent() {
- const { events } = useGetEvents();
-
- const [isModalOpen, setModalOpen] = useState(false);
- const [open, setOpen] = useState(false);
- const [selectedEvent, setSelectedEvent] = useState();
- const calendarRef = useRef(null);
-
- const handleEventModal = () => {
- setOpen((prev) => !prev);
- setModalOpen(false);
- };
-
- const handleRangeSelect = () => {
- const calendarEl = calendarRef.current;
- if (calendarEl) {
- const calendarApi = calendarEl.getApi();
- calendarApi.unselect();
- }
-
- handleEventModal();
- setSelectedEvent(null);
- };
-
- const handleEventSelect = (arg: EventClickArg) => {
- if (arg?.event?.id) {
- const event = events.find((event) => event.id === arg.event.id);
- setSelectedEvent(event);
- } else {
- setOpen(!open);
- }
- setModalOpen(true);
- };
-
- const handleEventUpdate = async ({ event }: EventResizeDoneArg | EventDropArg) => {
- await updateEvent(event.id, {
- allDay: event.allDay,
- start: event.start,
- end: event.end
- });
- };
-
- const handleModal = () => {
- if (isModalOpen) {
- setSelectedEvent(null);
- }
- setModalOpen(!isModalOpen);
- };
-
- useEffect(() => {
- document.querySelectorAll('.fc-button-group').forEach((el) => {
- el.classList.add('d-inline-flex');
- });
- }, []);
-
- return (
-
-
{
- const color = arg.event.backgroundColor;
- return color && [COLOR_CLASS_MAP[color] || 'event-default'];
- }}
- dayMaxEventRows={3}
- eventDisplay="block"
- allDayMaintainDuration
- eventResizableFromStart
- initialView="dayGridMonth"
- events={events as EventSourceInput}
- select={handleRangeSelect}
- eventDrop={handleEventUpdate}
- eventClick={handleEventSelect}
- eventResize={handleEventUpdate}
- plugins={[listPlugin, dayGridPlugin, timeGridPlugin, interactionPlugin]}
- />
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/ApolloAdvance.tsx b/resources/js/sections/application/gallery/advance/ApolloAdvance.tsx
deleted file mode 100644
index ca2f56825..000000000
--- a/resources/js/sections/application/gallery/advance/ApolloAdvance.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import advanceImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-
-// ==============================|| ADVANCE - APOLLO ||============================== //
-
-export default function ApolloAdvance() {
- return (
-
-
-
-
-
-
- Strong Apollo
-
- Apollo's last game of pool was so strange.
- View more
-
-
-
-
-
-
- Strong Apollo
-
- Apollo's last game of pool was so strange.
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/DukeAdvance.tsx b/resources/js/sections/application/gallery/advance/DukeAdvance.tsx
deleted file mode 100644
index 645b7c5c5..000000000
--- a/resources/js/sections/application/gallery/advance/DukeAdvance.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import advanceImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// ==============================|| ADVANCE - DUKE ||============================== //
-
-export default function DukeAdvance() {
- return (
-
-
-
-
-
-
- Messy Duke
-
- Duke is very bored. When he looks at the sky, he feels to run.
- View more
-
-
-
-
-
-
- Messy Duke
-
- Duke is very bored. When he looks at the sky, he feels to run.
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/GoliathAdvance.tsx b/resources/js/sections/application/gallery/advance/GoliathAdvance.tsx
deleted file mode 100644
index ebdc374c8..000000000
--- a/resources/js/sections/application/gallery/advance/GoliathAdvance.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import advanceImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-
-// ==============================|| ADVANCE - GOLIATH ||============================== //
-
-export default function GoliathAdvance() {
- return (
-
-
-
-
-
-
- Thoughtful Goliath
-
- When Goliath comes out, you should run.
- View more
-
-
-
-
-
-
- Thoughtful Goliath
-
- When Goliath comes out, you should run.
- View more
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/HeraAdvance.tsx b/resources/js/sections/application/gallery/advance/HeraAdvance.tsx
deleted file mode 100644
index 780db0b4b..000000000
--- a/resources/js/sections/application/gallery/advance/HeraAdvance.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import advanceImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// ==============================|| ADVANCE - HERA ||============================== //
-
-export default function HeraAdvance() {
- return (
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/JazzAdvance.tsx b/resources/js/sections/application/gallery/advance/JazzAdvance.tsx
deleted file mode 100644
index 6f485e045..000000000
--- a/resources/js/sections/application/gallery/advance/JazzAdvance.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import advanceImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// ==============================|| ADVANCE - JAZZ ||============================== //
-
-export default function JazzAdvance() {
- return (
-
-
-
-
-
-
- Dynamic Jazz
-
- When Jazz starts to chase cars, the whole world stands still.
- View more
-
-
-
-
-
-
- Dynamic Jazz
-
- When Jazz starts to chase cars, the whole world stands still.
- View more
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/JuliaAdvance.tsx b/resources/js/sections/application/gallery/advance/JuliaAdvance.tsx
deleted file mode 100644
index 99351b828..000000000
--- a/resources/js/sections/application/gallery/advance/JuliaAdvance.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import advanceImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-
-// ==============================|| ADVANCE - JULIA ||============================== //
-
-export default function JuliaAdvance() {
- return (
-
-
-
-
-
-
- Passionate Julia
-
-
-
Julia dances in the deep dark
-
She loves the smell of the ocean
-
And dives into the morning light
-
- View more
-
-
-
-
-
-
- Passionate Julia
-
-
-
Julia dances in the deep dark
-
She loves the smell of the ocean
-
And dives into the morning light
-
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/KiraAdvance.tsx b/resources/js/sections/application/gallery/advance/KiraAdvance.tsx
deleted file mode 100644
index 4c72dc80c..000000000
--- a/resources/js/sections/application/gallery/advance/KiraAdvance.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import advanceImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// ==============================|| ADVANCE - KIRA ||============================== //
-
-export default function KiraAdvance() {
- return (
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/LexiAdvance.tsx b/resources/js/sections/application/gallery/advance/LexiAdvance.tsx
deleted file mode 100644
index a1c68c6f1..000000000
--- a/resources/js/sections/application/gallery/advance/LexiAdvance.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import advanceImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-
-// ==============================|| ADVANCE - LEXI ||============================== //
-
-export default function LexiAdvance() {
- return (
-
-
-
-
-
-
- Altruistic Lexi
-
- Each and every friend is special. Lexi won't hide a single cookie.
- View more
-
-
-
-
-
-
- Altruistic Lexi
-
- Each and every friend is special. Lexi won't hide a single cookie.
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/MingAdvance.tsx b/resources/js/sections/application/gallery/advance/MingAdvance.tsx
deleted file mode 100644
index 5d3532c6d..000000000
--- a/resources/js/sections/application/gallery/advance/MingAdvance.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import advanceImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-
-// ==============================|| ADVANCE - MING ||============================== //
-
-export default function MingAdvance() {
- return (
-
-
-
-
-
-
- Funny Ming
-
- Ming sits in the corner the whole day. She's into crochet.
- View more
-
-
-
-
-
-
- Funny Ming
-
- Ming sits in the corner the whole day. She's into crochet.
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/MosesAdvance.tsx b/resources/js/sections/application/gallery/advance/MosesAdvance.tsx
deleted file mode 100644
index cb67e4aee..000000000
--- a/resources/js/sections/application/gallery/advance/MosesAdvance.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import advanceImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-
-// ==============================|| ADVANCE - MOSES ||============================== //
-
-export default function MosesAdvance() {
- return (
-
-
-
-
-
-
- Cute Moses
-
- Moses loves to run after butterflies.
- View more
-
-
-
-
-
-
- Cute Moses
-
- Moses loves to run after butterflies.
- View more
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/PhoebeAdvance.tsx b/resources/js/sections/application/gallery/advance/PhoebeAdvance.tsx
deleted file mode 100644
index cbb0abc84..000000000
--- a/resources/js/sections/application/gallery/advance/PhoebeAdvance.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import advanceImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-
-// ==============================|| ADVANCE - PHOEBE ||============================== //
-
-export default function PhoebeAdvance() {
- return (
-
-
-
-
-
-
- Plain Phoebe
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Plain Phoebe
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/SelenaAdvance.tsx b/resources/js/sections/application/gallery/advance/SelenaAdvance.tsx
deleted file mode 100644
index 5798e2653..000000000
--- a/resources/js/sections/application/gallery/advance/SelenaAdvance.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import advanceImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-
-// ==============================|| ADVANCE - SELENA ||============================== //
-
-export default function SelenaAdvance() {
- return (
-
-
-
-
-
-
- Happy Selena
-
- Selena is a tiny-winged bird.
- View more
-
-
-
-
-
-
- Happy Selena
-
- Selena is a tiny-winged bird.
- View more
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/SteveAdvance.tsx b/resources/js/sections/application/gallery/advance/SteveAdvance.tsx
deleted file mode 100644
index 6195f3727..000000000
--- a/resources/js/sections/application/gallery/advance/SteveAdvance.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import advanceImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-
-// ==============================|| ADVANCE - STEVE ||============================== //
-
-export default function SteveAdvance() {
- return (
-
-
-
-
-
-
- Lonely Steve
-
- Steve was afraid of the Boogieman.
- View more
-
-
-
-
-
-
- Lonely Steve
-
- Steve was afraid of the Boogieman.
- View more
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/TerryAdvance.tsx b/resources/js/sections/application/gallery/advance/TerryAdvance.tsx
deleted file mode 100644
index 5c51135b0..000000000
--- a/resources/js/sections/application/gallery/advance/TerryAdvance.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import advanceImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// ==============================|| ADVANCE - TERRY ||============================== //
-
-export default function TerryAdvance() {
- return (
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/advance/WinstonAdvance.tsx b/resources/js/sections/application/gallery/advance/WinstonAdvance.tsx
deleted file mode 100644
index 2b82c7bc6..000000000
--- a/resources/js/sections/application/gallery/advance/WinstonAdvance.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-// react-bootstrap
-import Figure from 'react-bootstrap/Figure';
-import FigureCaption from 'react-bootstrap/FigureCaption';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import advanceImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import advanceImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-
-// ==============================|| ADVANCE - WINSTON ||============================== //
-
-export default function WinstonAdvance() {
- return (
-
-
-
-
-
-
- Jolly Winston
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Jolly Winston
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/grid/ImageGridGallery.tsx b/resources/js/sections/application/gallery/grid/ImageGridGallery.tsx
deleted file mode 100644
index b03b7894b..000000000
--- a/resources/js/sections/application/gallery/grid/ImageGridGallery.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useState } from 'react';
-
-// react-bootstrap
-import Col from 'react-bootstrap/Col';
-import CloseButton from 'react-bootstrap/CloseButton';
-import Image from 'react-bootstrap/Image';
-import Modal from 'react-bootstrap/Modal';
-import Row from 'react-bootstrap/Row';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import gridImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import gridImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-import gridImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import gridImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-import gridImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import gridImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// gallery images data
-const galleryImages = [
- { src: gridImage1, full: gridImage1 },
- { src: gridImage2, full: gridImage2 },
- { src: gridImage3, full: gridImage3 },
- { src: gridImage4, full: gridImage4 },
- { src: gridImage5, full: gridImage5 },
- { src: gridImage6, full: gridImage6 }
-];
-
-// ==============================|| IMAGE GRID - GRID ||============================== //
-
-export default function ImageGridGallery() {
- const [showModal, setShowModal] = useState(false);
- const [selectedImage, setSelectedImage] = useState(null);
-
- const handleShow = (imageSrc: string) => {
- setSelectedImage(imageSrc);
- setShowModal(true);
- };
-
- return (
- <>
-
-
- {galleryImages.map((image, index) => (
-
- handleShow(image.full)}>
-
-
-
- ))}
-
-
- setShowModal(false)} centered className="modal-lightbox">
-
- setShowModal(false)}
- />
- {selectedImage && }
-
-
- >
- );
-}
diff --git a/resources/js/sections/application/gallery/grid/VideoGridGallery.tsx b/resources/js/sections/application/gallery/grid/VideoGridGallery.tsx
deleted file mode 100644
index 0283762cc..000000000
--- a/resources/js/sections/application/gallery/grid/VideoGridGallery.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-// react-bootstrap
-import Col from 'react-bootstrap/Col';
-import Ratio from 'react-bootstrap/Ratio';
-import Row from 'react-bootstrap/Row';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// video data
-const videoSources = [
- { src: 'https://player.vimeo.com/video/49614043?title=0&byline=0&portrait=0' },
- { src: 'https://player.vimeo.com/video/49614043?title=0&byline=0&portrait=0' },
- { src: 'https://player.vimeo.com/video/49614043?title=0&byline=0&portrait=0' },
- { src: 'https://www.youtube.com/embed/iGkl34KTRaU' },
- { src: 'https://www.youtube.com/embed/iGkl34KTRaU' },
- { src: 'https://www.youtube.com/embed/iGkl34KTRaU' }
-];
-
-// ==============================|| VIDEO GRID - GALLERY ||============================== //
-
-export default function VideoGridGallery() {
- return (
-
-
- {videoSources.map((video, index) => (
-
-
-
- ))}
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/masonry/FilterLayout.tsx b/resources/js/sections/application/gallery/masonry/FilterLayout.tsx
deleted file mode 100644
index a01af8cdc..000000000
--- a/resources/js/sections/application/gallery/masonry/FilterLayout.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Col from 'react-bootstrap/Col';
-import Card from 'react-bootstrap/Card';
-import Image from 'react-bootstrap/Image';
-import Row from 'react-bootstrap/Row';
-import Stack from 'react-bootstrap/Stack';
-
-// third-party
-import Isotope from 'isotope-layout';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import masonryImage1 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import masonryImage2 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-import masonryImage3 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import masonryImage4 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-import masonryImage5 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import masonryImage6 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-import masonryImage7 from '@assets/images/gallery-grid/img-grd-gal-1.jpg';
-import masonryImage8 from '@assets/images/gallery-grid/img-grd-gal-2.jpg';
-import masonryImage9 from '@assets/images/gallery-grid/img-grd-gal-3.jpg';
-import masonryImage10 from '@assets/images/gallery-grid/img-grd-gal-4.jpg';
-import masonryImage11 from '@assets/images/gallery-grid/img-grd-gal-5.jpg';
-import masonryImage12 from '@assets/images/gallery-grid/img-grd-gal-6.jpg';
-
-// filters
-const filters = [
- { label: 'Show all', filter: '*' },
- { label: 'Web Designer', filter: '.web' },
- { label: 'Graphic Designer', filter: '.graphic' },
- { label: 'Animation Designer', filter: '.animation' },
- { label: 'UI/UX Designer', filter: '.uiux' },
- { label: 'Product Designer', filter: '.product' }
-];
-
-// images
-const images = [
- { src: masonryImage1, category: 'web' },
- { src: masonryImage2, category: 'graphic' },
- { src: masonryImage3, category: 'animation' },
- { src: masonryImage4, category: 'uiux' },
- { src: masonryImage5, category: 'product' },
- { src: masonryImage6, category: 'web' },
- { src: masonryImage7, category: 'graphic' },
- { src: masonryImage8, category: 'animation' },
- { src: masonryImage9, category: 'uiux' },
- { src: masonryImage10, category: 'product' },
- { src: masonryImage11, category: 'web' },
- { src: masonryImage12, category: 'graphic' }
-];
-
-// ==============================|| FILTER LAYOUTS - MASONRY ||============================== //
-
-export default function FilterLayout() {
- const gridRef = useRef(null);
- const [iso, setIso] = useState(null);
- const [activeFilter, setActiveFilter] = useState('*');
-
- useEffect(() => {
- if (gridRef.current) {
- const isotopeInstance = new Isotope(gridRef.current, {
- itemSelector: '.element-item',
- layoutMode: 'masonry'
- });
- setIso(isotopeInstance);
- }
- }, []);
-
- const handleFilterClick = (filter: string) => {
- setActiveFilter(filter);
- if (iso) {
- iso.arrange({ filter });
- }
- };
-
- return (
-
-
-
- {filters.map(({ label, filter }, index) => (
-
- ))}
-
-
-
-
- {images.map(({ src, category }, index) => (
-
-
-
- ))}
-
-
-
- );
-}
diff --git a/resources/js/sections/application/gallery/masonry/MasonryLayout.tsx b/resources/js/sections/application/gallery/masonry/MasonryLayout.tsx
deleted file mode 100644
index 8ada4706f..000000000
--- a/resources/js/sections/application/gallery/masonry/MasonryLayout.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-// react-bootstrap
-import Image from 'react-bootstrap/Image';
-
-// third-party
-import Masonry, { ResponsiveMasonry } from 'react-responsive-masonry';
-
-// project-imports
-import MainCard from '@/components/MainCard';
-
-// assets
-import masonryImage1 from '@assets/images/gallery-grid/masonry-1.jpg';
-import masonryImage2 from '@assets/images/gallery-grid/masonry-2.jpg';
-import masonryImage3 from '@assets/images/gallery-grid/masonry-3.jpg';
-import masonryImage4 from '@assets/images/gallery-grid/masonry-4.jpg';
-import masonryImage5 from '@assets/images/gallery-grid/masonry-5.jpg';
-import masonryImage6 from '@assets/images/gallery-grid/masonry-6.jpg';
-import masonryImage7 from '@assets/images/gallery-grid/masonry-7.jpg';
-import masonryImage8 from '@assets/images/gallery-grid/masonry-8.jpg';
-
-const images = [masonryImage1, masonryImage2, masonryImage8, masonryImage3, masonryImage4, masonryImage5, masonryImage6, masonryImage7];
-
-// ==============================|| MASONRY LAYOUTS - MASONRY ||============================== //
-
-export default function MasonryLayout() {
- return (
-
-
-
- {images.map((image, i) => (
-
- ))}
-
-
-
- );
-}
diff --git a/resources/js/sections/application/invoice/index.tsx b/resources/js/sections/application/invoice/index.tsx
deleted file mode 100644
index bb3f86b48..000000000
--- a/resources/js/sections/application/invoice/index.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-import { Ref, useRef } from 'react';
-
-// react-bootstrap
-import Button from 'react-bootstrap/Button';
-import Col from 'react-bootstrap/Col';
-import Image from 'react-bootstrap/Image';
-import Row from 'react-bootstrap/Row';
-import Table from 'react-bootstrap/Table';
-import Stack from 'react-bootstrap/Stack';
-
-// third party
-import { useReactToPrint } from 'react-to-print';
-
-// project-imports
-import { ThemeMode } from '@/config';
-import MainCard from '@/components/MainCard';
-import useConfig from '@/hooks/useConfig';
-import { getResolvedTheme, setResolvedTheme } from '@/components/setResolvedTheme';
-
-// assets
-import DarkLogo from '@assets/images/logo-dark.svg';
-import LightLogo from '@assets/images/logo-white.svg';
-
-// ==============================|| INVOICE - INVOICE ||============================== //
-
-export default function InvoiceSection() {
- const { mode } = useConfig();
- const resolvedTheme = getResolvedTheme(mode);
- setResolvedTheme(mode);
- const logo = resolvedTheme === ThemeMode.DARK ? LightLogo : DarkLogo;
-
- const contentRef: Ref = useRef(null);
- const reactToPrintFn = useReactToPrint({ contentRef });
-
- return (
-
-
-
-
-
-
-