From afee8c8516e9aef5ca5abe60a8d7cec5f425d4aa Mon Sep 17 00:00:00 2001 From: Atul Gunjal Date: Wed, 23 Apr 2025 16:50:04 +0530 Subject: [PATCH 1/8] removed unwanted files --- src/app/components/charts/LineChart.jsx | 158 ---- src/app/components/charts/chart-01.jsx | 142 --- src/app/components/charts/chart-02.jsx | 100 -- src/app/components/common/GridShape.js | 26 - .../partials/grid-images/image01.js | 23 - .../partials/grid-images/image02.js | 29 - .../partials/grid-images/image03.js | 39 - .../components/partials/table/TableOne.jsx | 203 ---- .../components/partials/table/TableSix.jsx | 240 ----- .../components/partials/video/video-01.jsx | 18 - .../components/partials/video/video-02.jsx | 21 - .../components/partials/video/video-04.jsx | 22 - src/app/pages/BarChart/page.js | 77 -- src/app/pages/FormElements/page.js | 893 ------------------ src/app/pages/LineChart/page.js | 90 -- src/app/pages/SignInPage/page.js | 3 +- src/app/pages/basic-tables/page.js | 81 -- src/app/pages/images/page.js | 47 - src/app/pages/videos/page.js | 112 --- src/app/signup/page.js | 2 - 20 files changed, 1 insertion(+), 2325 deletions(-) delete mode 100644 src/app/components/charts/LineChart.jsx delete mode 100644 src/app/components/charts/chart-01.jsx delete mode 100644 src/app/components/charts/chart-02.jsx delete mode 100644 src/app/components/common/GridShape.js delete mode 100644 src/app/components/partials/grid-images/image01.js delete mode 100644 src/app/components/partials/grid-images/image02.js delete mode 100644 src/app/components/partials/grid-images/image03.js delete mode 100644 src/app/components/partials/table/TableOne.jsx delete mode 100644 src/app/components/partials/table/TableSix.jsx delete mode 100644 src/app/components/partials/video/video-01.jsx delete mode 100644 src/app/components/partials/video/video-02.jsx delete mode 100644 src/app/components/partials/video/video-04.jsx delete mode 100644 src/app/pages/BarChart/page.js delete mode 100644 src/app/pages/FormElements/page.js delete mode 100644 src/app/pages/LineChart/page.js delete mode 100644 src/app/pages/basic-tables/page.js delete mode 100644 src/app/pages/images/page.js delete mode 100644 src/app/pages/videos/page.js diff --git a/src/app/components/charts/LineChart.jsx b/src/app/components/charts/LineChart.jsx deleted file mode 100644 index 484b014..0000000 --- a/src/app/components/charts/LineChart.jsx +++ /dev/null @@ -1,158 +0,0 @@ -// components/LineChart.js -'use client'; -import { useEffect } from 'react'; -import ApexCharts from 'apexcharts'; - -const LineChart = () => { - useEffect(() => { - const chartThreeOptions = { - series: [ - { - name: "Sales", - data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235], - }, - { - name: "Revenue", - data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140], - }, - ], - legend: { - show: false, - position: "top", - horizontalAlign: "left", - }, - colors: ["#465FFF", "#9CB9FF"], - chart: { - fontFamily: "Outfit, sans-serif", - height: 310, - type: "area", - toolbar: { - show: false, - }, - animations: { - enabled: true, - easing: 'easeinout', - speed: 800, - }, - }, - fill: { - type: "gradient", - gradient: { - shadeIntensity: 1, - opacityFrom: 0.55, - opacityTo: 0, - stops: [0, 90, 100], - }, - }, - stroke: { - curve: "straight", - width: [2, 2], - dashArray: [0, 0], - }, - markers: { - size: 0, - hover: { - size: 5, - } - }, - labels: { - show: false, - position: "top", - }, - grid: { - borderColor: "#F1F1F1", - xaxis: { - lines: { - show: false, - }, - }, - yaxis: { - lines: { - show: true, - }, - }, - }, - dataLabels: { - enabled: false, - }, - tooltip: { - enabled: true, - x: { - format: "MMM yyyy", - }, - y: { - formatter: function(val) { - return "$" + val; - } - }, - marker: { - show: true, - }, - }, - xaxis: { - type: "category", - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - tooltip: { - enabled: false, - }, - labels: { - style: { - colors: "#6B7280", - fontSize: "12px", - fontFamily: "Outfit, sans-serif", - } - } - }, - yaxis: { - title: { - text: "Amount ($)", - style: { - color: "#6B7280", - fontSize: "12px", - fontFamily: "Outfit, sans-serif", - } - }, - labels: { - formatter: function(val) { - return "$" + val; - }, - style: { - colors: "#6B7280", - fontSize: "12px", - fontFamily: "Outfit, sans-serif", - } - } - }, - }; - - const chart = new ApexCharts(document.querySelector("#chartThree"), chartThreeOptions); - chart.render(); - - return () => { - chart.destroy(); - }; - }, []); - - return
; -}; - -export default LineChart; \ No newline at end of file diff --git a/src/app/components/charts/chart-01.jsx b/src/app/components/charts/chart-01.jsx deleted file mode 100644 index bf3cbc2..0000000 --- a/src/app/components/charts/chart-01.jsx +++ /dev/null @@ -1,142 +0,0 @@ -// components/charts/chart-01.jsx -'use client'; -import { useEffect } from 'react'; -import ApexCharts from 'apexcharts'; - -const Chart01 = () => { - useEffect(() => { - const chartOneOptions = { - series: [ - { - name: "Sales", - data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112], - }, - ], - colors: ["#465fff"], - chart: { - fontFamily: "Outfit, sans-serif", - type: "bar", - height: 180, - toolbar: { - show: false, - }, - animations: { - enabled: true, - easing: 'easeinout', - speed: 800, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "39%", - borderRadius: 5, - borderRadiusApplication: "end", - }, - }, - dataLabels: { - enabled: false, - }, - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - labels: { - style: { - colors: "#6B7280", - fontSize: "12px", - fontFamily: "Outfit, sans-serif", - } - } - }, - legend: { - show: true, - position: "top", - horizontalAlign: "left", - fontFamily: "Outfit, sans-serif", - markers: { - radius: 12, - }, - itemMargin: { - horizontal: 10, - } - }, - yaxis: { - title: { - text: "Amount ($)", - style: { - color: "#6B7280", - fontSize: "12px", - fontFamily: "Outfit, sans-serif", - } - }, - labels: { - formatter: function(val) { - return "$" + val; - }, - style: { - colors: "#6B7280", - fontSize: "12px", - fontFamily: "Outfit, sans-serif", - } - } - }, - grid: { - borderColor: "#F1F1F1", - yaxis: { - lines: { - show: true, - }, - }, - xaxis: { - lines: { - show: false, - }, - }, - }, - fill: { - opacity: 1, - }, - tooltip: { - y: { - formatter: function(val) { - return "$" + val; - } - } - }, - }; - - const chart = new ApexCharts(document.querySelector("#chartOne"), chartOneOptions); - chart.render(); - - return () => { - chart.destroy(); - }; - }, []); - - return
; -}; - -export default Chart01; \ No newline at end of file diff --git a/src/app/components/charts/chart-02.jsx b/src/app/components/charts/chart-02.jsx deleted file mode 100644 index 2c09c3a..0000000 --- a/src/app/components/charts/chart-02.jsx +++ /dev/null @@ -1,100 +0,0 @@ -// components/charts/chart-02.jsx -'use client'; -import { useEffect } from 'react'; -import ApexCharts from 'apexcharts'; - -const Chart02 = () => { - useEffect(() => { - const chartTwoOptions = { - series: [75.55], - colors: ["#465FFF"], - chart: { - fontFamily: "Outfit, sans-serif", - type: "radialBar", - height: 330, - sparkline: { - enabled: true, - }, - animations: { - enabled: true, - easing: 'easeinout', - speed: 800, - }, - }, - plotOptions: { - radialBar: { - startAngle: -90, - endAngle: 90, - hollow: { - size: "80%", - }, - track: { - background: "#E4E7EC", - strokeWidth: "100%", - margin: 5, - }, - dataLabels: { - name: { - show: false, - }, - value: { - fontSize: "36px", - fontWeight: "600", - offsetY: 60, - color: "#1D2939", - fontFamily: "Outfit, sans-serif", - formatter: function (val) { - return val + "%"; - }, - }, - }, - }, - }, - fill: { - type: "gradient", - gradient: { - shade: "dark", - shadeIntensity: 0.5, - gradientToColors: ["#465FFF"], - inverseColors: false, - opacityFrom: 1, - opacityTo: 0.8, - stops: [0, 100], - }, - }, - stroke: { - lineCap: "round", - }, - labels: ["Progress"], - responsive: [{ - breakpoint: 768, - options: { - chart: { - height: 280, - }, - plotOptions: { - radialBar: { - dataLabels: { - value: { - fontSize: "28px", - offsetY: 50, - }, - }, - }, - }, - }, - }], - }; - - const chart = new ApexCharts(document.querySelector("#chartTwo"), chartTwoOptions); - chart.render(); - - return () => { - chart.destroy(); - }; - }, []); - - return
; -}; - -export default Chart02; \ No newline at end of file diff --git a/src/app/components/common/GridShape.js b/src/app/components/common/GridShape.js deleted file mode 100644 index 8905763..0000000 --- a/src/app/components/common/GridShape.js +++ /dev/null @@ -1,26 +0,0 @@ -import Image from "next/image"; - -export default function GridShape() { - return ( - <> -
- grid -
-
- grid -
- - ); -} \ No newline at end of file diff --git a/src/app/components/partials/grid-images/image01.js b/src/app/components/partials/grid-images/image01.js deleted file mode 100644 index fbf490a..0000000 --- a/src/app/components/partials/grid-images/image01.js +++ /dev/null @@ -1,23 +0,0 @@ -import Image from 'next/image'; - -const Image01 = () => { - return ( -
-
- Cover -
-
-
- ); -}; - -export default Image01; \ No newline at end of file diff --git a/src/app/components/partials/grid-images/image02.js b/src/app/components/partials/grid-images/image02.js deleted file mode 100644 index 2befff8..0000000 --- a/src/app/components/partials/grid-images/image02.js +++ /dev/null @@ -1,29 +0,0 @@ -import Image from 'next/image'; - -const Image02 = () => { - return ( -
-
- image grid -
- -
- image grid -
-
- ); -}; - -export default Image02; \ No newline at end of file diff --git a/src/app/components/partials/grid-images/image03.js b/src/app/components/partials/grid-images/image03.js deleted file mode 100644 index 87b6bd2..0000000 --- a/src/app/components/partials/grid-images/image03.js +++ /dev/null @@ -1,39 +0,0 @@ -import Image from 'next/image'; - -const Image03 = () => { - return ( -
-
- image grid -
- -
- image grid -
- -
- image grid -
-
- ); -}; - -export default Image03; \ No newline at end of file diff --git a/src/app/components/partials/table/TableOne.jsx b/src/app/components/partials/table/TableOne.jsx deleted file mode 100644 index 75cbe82..0000000 --- a/src/app/components/partials/table/TableOne.jsx +++ /dev/null @@ -1,203 +0,0 @@ -import Image from 'next/image'; - -const TableOne = () => { - // Table data - const tableData = [ - { - id: 1, - token: "1", - name: "John Doe", - status: { - text: "Done", - variant: "success", - color: "text-success-600", - bg: "bg-success-50", - dark: { - color: "dark:text-success-500", - bg: "dark:bg-success-500/15" - } - } - }, - { - id: 2, - token: "1", - name: "John Doe", - status: { - text: "In-Queue", - variant: "warning", - color: "text-warning-600", - bg: "bg-warning-50", - dark: { - color: "dark:text-orange-400", - bg: "dark:bg-warning-500/15" - } - } - }, - { - id: 3, - token: "1", - name: "John Doe", - status: { - text: "Cancelled", - variant: "error", - color: "text-error-600", - bg: "bg-error-50", - dark: { - color: "dark:text-error-500", - bg: "dark:bg-error-500/15" - } - } - }, - { - id: 4, - token: "1", - name: "John Doe", - status: { - text: "Done", - variant: "success", - color: "text-success-600", - bg: "bg-success-50", - dark: { - color: "dark:text-success-500", - bg: "dark:bg-success-500/15" - } - } - }, - { - id: 5, - token: "1", - name: "John Doe", - status: { - text: "In-Queue", - variant: "warning", - color: "text-warning-600", - bg: "bg-warning-50", - dark: { - color: "dark:text-orange-400", - bg: "dark:bg-warning-500/15" - } - } - }, - { - id: 6, - token: "1", - name: "John Doe", - status: { - text: "Cancelled", - variant: "error", - color: "text-error-600", - bg: "bg-error-50", - dark: { - color: "dark:text-error-500", - bg: "dark:bg-error-500/15" - } - } - } - ]; - - // Action button component - const ActionButton = ({ type }) => ( -

- - - - {type} -

- ); - - return ( -
-
- - {/* Table Header */} - - - - - - - - - - {/* Table Body */} - - {tableData.map((item) => ( - - {/* Token Column */} - - - {/* Name Column */} - - - {/* Status Column */} - - - {/* Options Column (Desktop) */} - - - ))} - -
-
-

- Token -

-
-
-
-

- Name -

-
-
-
-

- Status -

-
-
-
-

- Options -

-
-
-
-

{item.token}

-
-
-
-

- {item.name} -

- {/* Mobile Actions */} -
- - -
-
-
-
-

- {item.status.text} -

-
-
-
- - -
-
-
-
- ); -}; - -export default TableOne; \ No newline at end of file diff --git a/src/app/components/partials/table/TableSix.jsx b/src/app/components/partials/table/TableSix.jsx deleted file mode 100644 index 3c8253d..0000000 --- a/src/app/components/partials/table/TableSix.jsx +++ /dev/null @@ -1,240 +0,0 @@ -import Image from 'next/image'; - -const TableSix = () => { - // Table data array - const tableData = [ - { - id: 1, - user: { - name: "Lindsey Curtis", - role: "Web Designer", - avatar: "/images/user/user-17.jpg" - }, - project: "Agency Website", - team: [ - "/images/user/user-22.jpg", - "/images/user/user-23.jpg", - "/images/user/user-24.jpg" - ], - status: { - text: "Active", - variant: "success" - }, - budget: "3.9K" - }, - { - id: 2, - user: { - name: "Kaiya George", - role: "Project Manager", - avatar: "/images/user/user-18.jpg" - }, - project: "Technology", - team: [ - "/images/user/user-25.jpg", - "/images/user/user-26.jpg" - ], - status: { - text: "Pending", - variant: "warning" - }, - budget: "24.9K" - }, - { - id: 3, - user: { - name: "Zain Geidt", - role: "Content Writer", - avatar: "/images/user/user-19.jpg" - }, - project: "Blog Writing", - team: [ - "/images/user/user-27.jpg" - ], - status: { - text: "Active", - variant: "success" - }, - budget: "12.7K" - }, - { - id: 4, - user: { - name: "Abram Schleifer", - role: "Digital Marketer", - avatar: "/images/user/user-20.jpg" - }, - project: "Social Media", - team: [ - "/images/user/user-28.jpg", - "/images/user/user-29.jpg", - "/images/user/user-30.jpg" - ], - status: { - text: "Cancel", - variant: "error" - }, - budget: "2.8K" - }, - { - id: 5, - user: { - name: "Carla George", - role: "Front-end Developer", - avatar: "/images/user/user-21.jpg" - }, - project: "Website", - team: [ - "/images/user/user-31.jpg", - "/images/user/user-32.jpg", - "/images/user/user-33.jpg" - ], - status: { - text: "Active", - variant: "success" - }, - budget: "4.5K" - } - ]; - - // Status style variants - const statusVariants = { - success: "bg-success-50 text-success-700 dark:bg-success-500/15 dark:text-success-500", - warning: "bg-warning-50 text-warning-700 dark:bg-warning-500/15 dark:text-warning-400", - error: "bg-error-50 text-error-700 dark:bg-error-500/15 dark:text-error-500" - }; - - return ( -
-
- - {/* Table Header */} - - - - - - - - - - - {/* Table Body */} - - {tableData.map((item) => ( - - {/* User Column */} - - - {/* Project Column */} - - - {/* Team Column */} - - - {/* Status Column */} - - - {/* Budget Column */} - - - ))} - -
-
-

- User -

-
-
-
-

- Project Name -

-
-
-
-

- Team -

-
-
-
-

- Status -

-
-
-
-

- Budget -

-
-
-
-
-
- {item.user.name} -
-
- - {item.user.name} - - - {item.user.role} - -
-
-
-
-
-

- {item.project} -

-
-
-
-
- {item.team.map((member, index) => ( -
- {`Team -
- ))} -
-
-
-
-

- {item.status.text} -

-
-
-
-

- {item.budget} -

-
-
-
-
- ); -}; - -export default TableSix; \ No newline at end of file diff --git a/src/app/components/partials/video/video-01.jsx b/src/app/components/partials/video/video-01.jsx deleted file mode 100644 index d8e0be6..0000000 --- a/src/app/components/partials/video/video-01.jsx +++ /dev/null @@ -1,18 +0,0 @@ -'use client'; - -export default function YouTubeVideo() { - return ( -
-