diff --git a/.commitlintrc b/.commitlintrc new file mode 100644 index 0000000..b852772 --- /dev/null +++ b/.commitlintrc @@ -0,0 +1,3 @@ +{ + "extends": "@commitlint/config-conventional" +} diff --git a/.env b/.env new file mode 100644 index 0000000..e69de29 diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 0000000..3286f67 --- /dev/null +++ b/.eslintignore @@ -0,0 +1,4 @@ +node_modules +public +.next/ +build/ \ No newline at end of file diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml new file mode 100644 index 0000000..a8c4dac --- /dev/null +++ b/.github/workflows/release.yml @@ -0,0 +1,23 @@ +name: Release + +on: + push: + branches: + - main + +jobs: + release: + runs-on: ubuntu-20.04 + steps: + - name: Checkout source code + uses: actions/checkout@v3 + - name: Install the dependencies + run: npm ci + - name: Setup the author + run: git config --global user.name "${{ github.actor }}" && git config --global user.email "${{ github.actor }}@users.noreply.github.com" + - name: Run release + run: npm run release --ci + env: + GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}} + - name: End message + run: echo "Release done!!!!! 🚀" diff --git a/.husky/commit-msg b/.husky/commit-msg new file mode 100755 index 0000000..7c736f3 --- /dev/null +++ b/.husky/commit-msg @@ -0,0 +1,4 @@ +#!/usr/bin/env sh +. "$(dirname -- "$0")/_/husky.sh" + +npx commitlint --edit ${1} \ No newline at end of file diff --git a/.husky/pre-commit b/.husky/pre-commit new file mode 100755 index 0000000..d24fdfc --- /dev/null +++ b/.husky/pre-commit @@ -0,0 +1,4 @@ +#!/usr/bin/env sh +. "$(dirname -- "$0")/_/husky.sh" + +npx lint-staged diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..3286f67 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,4 @@ +node_modules +public +.next/ +build/ \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..e56d7df --- /dev/null +++ b/.prettierrc @@ -0,0 +1,3 @@ +{ + "printWidth": 180 +} diff --git a/.release-it.json b/.release-it.json new file mode 100644 index 0000000..f2ea748 --- /dev/null +++ b/.release-it.json @@ -0,0 +1,13 @@ +{ + "git": { + "requireBranch": "main", + "commitMessage": "chore: release v${version}" + }, + "hooks": { + "before:init": ["git pull", "npm run lint", "npm run prettier:check"], + "after:bump": "npx auto-changelog -p" + }, + "github": { + "release": true + } +} diff --git a/components/AccountSettingPage/index.tsx b/components/AccountSettingPage/index.tsx index 43ea3d0..c319dc9 100644 --- a/components/AccountSettingPage/index.tsx +++ b/components/AccountSettingPage/index.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; import AccountSettings from "../modules/AccountSettings"; -import PageCard from "../modules/__modules__/Card/PageCard"; +import PageCard from "../modules/layout/PageLayout"; const AccountSettingsPage = () => { const [isTopNav, setIsTopNav] = useState(false); diff --git a/components/AddCategoryPage/index.tsx b/components/AddCategoryPage/index.tsx index a3a93ed..db3d729 100644 --- a/components/AddCategoryPage/index.tsx +++ b/components/AddCategoryPage/index.tsx @@ -1,15 +1,15 @@ -import React from "react"; -import { useState } from "react"; -import AddCategory from "../modules/AddCategory"; -import PageCard from "../modules/__modules__/Card/PageCard"; - -const AddCategoryPage = () => { - const [isTopNav, setIsTopNav] = useState(false); - - return ( - - - - ); -}; -export default AddCategoryPage; +import React from "react"; +import { useState } from "react"; +import AddCategory from "../modules/AddCategory"; +import PageCard from "../modules/layout/PageLayout"; + +const AddCategoryPage = () => { + const [_, setIsTopNav] = useState(false); + + return ( + + + + ); +}; +export default AddCategoryPage; diff --git a/components/AddNewSongPage/index.tsx b/components/AddNewSongPage/index.tsx index 875e7ff..05690b2 100644 --- a/components/AddNewSongPage/index.tsx +++ b/components/AddNewSongPage/index.tsx @@ -1,14 +1,14 @@ -import React from "react"; -import { useState } from "react"; -import AddNewSinger from "../modules/AddNewSinger"; -import PageCard from "../modules/__modules__/Card/PageCard"; - -const AddNewSongPage = () => { - const [isTopNav, setIsTopNav] = useState(false); - return ( - - - - ); -}; -export default AddNewSongPage; +import React from "react"; +import { useState } from "react"; +import AddNewSinger from "../modules/AddNewSinger"; +import PageCard from "../modules/layout/PageLayout"; + +const AddNewSongPage = () => { + const [isTopNav, setIsTopNav] = useState(false); + return ( + + + + ); +}; +export default AddNewSongPage; diff --git a/components/AdminDashboardPage/index.tsx b/components/AdminDashboardPage/index.tsx index df09778..c3bb4e9 100644 --- a/components/AdminDashboardPage/index.tsx +++ b/components/AdminDashboardPage/index.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; import AdminDashboard from "../modules/AdminDashboard"; -import PageCard from "../modules/__modules__/Card/PageCard"; +import PageCard from "../modules/layout/PageLayout"; const AdminDashboardPage = () => { const [isTopNav, setIsTopNav] = useState(false); diff --git a/components/AlbumPage/index.tsx b/components/AlbumPage/index.tsx index ae523ca..1fafd9b 100644 --- a/components/AlbumPage/index.tsx +++ b/components/AlbumPage/index.tsx @@ -3,9 +3,9 @@ import liveBg from "../../components/modules/static/images/livebg.jpg"; import equalizer from "../../components/modules/static/images/equalizer.gif"; import { topSongsData } from "../dummy_data/topSongsData"; import BottomPlayer from "../BottomPaler/BottomPalyer"; -import SongCard from "../modules/__modules__/Card/SongCard"; +import SongCard from "../modules/Card/SongCard"; import HotSongs from "../modules/HotSongs"; -import PageCard from "../modules/__modules__/Card/PageCard"; +import PageCard from "../modules/layout/PageLayout"; const albumBg = { backgroundImage: `url(${liveBg.src})`, @@ -19,32 +19,17 @@ const AlbumPage = () => { return (
-
-
+
+
- {topSongsData[2].artist} + {topSongsData[2].artist}

{topSongsData[2].artist}

{topSongsData[2].title}

- equalizer + equalizer
diff --git a/components/Auth/ConfirmEmail/index.tsx b/components/Auth/ConfirmEmail/index.tsx index 85c77af..d7311de 100644 --- a/components/Auth/ConfirmEmail/index.tsx +++ b/components/Auth/ConfirmEmail/index.tsx @@ -7,31 +7,21 @@ const ConfirmEmail = () => {
- Pic + Pic
- email + email

Success !

- A email has been send to youremail@domain.com. Please check for an - email from company and click on the included link to reset your - password. + A email has been send to youremail@domain.com. Please check for an email from company and click on the included link to reset your password.

- +
diff --git a/components/Auth/LoginPage/index.tsx b/components/Auth/LoginPage/index.tsx index 21b9aa0..35ef238 100644 --- a/components/Auth/LoginPage/index.tsx +++ b/components/Auth/LoginPage/index.tsx @@ -36,16 +36,11 @@ const LoginPage = () => {
You don't have an account ? - router.push("/signup")} - > + router.push("/signup")}> Sign up
- +
); diff --git a/components/Auth/ResetPassword/index.tsx b/components/Auth/ResetPassword/index.tsx index f023ca5..776bc2e 100644 --- a/components/Auth/ResetPassword/index.tsx +++ b/components/Auth/ResetPassword/index.tsx @@ -7,35 +7,18 @@ const ResetPassword = () => {
- Pic + Pic
-

- Reset password -

-

- Enter your email address and we'll send you an email with - instructions to reset your password -

+

Reset password

+

Enter your email address and we'll send you an email with instructions to reset your password

- +
- +
diff --git a/components/Auth/SignupPage/index.tsx b/components/Auth/SignupPage/index.tsx index 3e748e8..68c31c2 100644 --- a/components/Auth/SignupPage/index.tsx +++ b/components/Auth/SignupPage/index.tsx @@ -56,9 +56,7 @@ const SignupPage = () => { Log In

- + ); diff --git a/components/BottomPaler/BottomPalyer.tsx b/components/BottomPaler/BottomPalyer.tsx index 6d1b605..75d1d03 100644 --- a/components/BottomPaler/BottomPalyer.tsx +++ b/components/BottomPaler/BottomPalyer.tsx @@ -1,100 +1,59 @@ -/* eslint-disable @next/next/no-img-element */ -import React, { FC } from "react"; -import { - LoopIcon, - PlayListIcon, - ShuffleIcon, - VolumeDownIcon, - VolumeUpIcon, -} from "../modules/__modules/Vectors"; -import { VNext, VPlay, VPrev } from "../modules/__modules__/_Vectors"; -import Slider from "@mui/material/Slider"; -interface IProps { - isFixed?: boolean; -} - -const BottomPlayer: FC = ({ isFixed = true }) => { - return ( -
-
- {isFixed && ( -
- Keith -
-

Tell me u luv me

-

Keith Urban

-
-
- )} -
- - - -
-
- -
-
- 00:00 - - 00:00 -
-
- - - - - -
-
- -
- - - -
-
-
-
- ); -}; - -export default BottomPlayer; +/* eslint-disable @next/next/no-img-element */ +import React, { FC } from "react"; +import { LoopIcon, PlayListIcon, ShuffleIcon, VNext, VPlay, VPrev, VolumeDownIcon, VolumeUpIcon } from "../modules/Vectors"; +import Slider from "@mui/material/Slider"; +interface IProps { + isFixed?: boolean; +} + +const BottomPlayer: FC = ({ isFixed = true }) => { + return ( +
+
+ {isFixed && ( +
+ Keith +
+

Tell me u luv me

+

Keith Urban

+
+
+ )} +
+ + + +
+
+ +
+
+ 00:00 + + 00:00 +
+
+ + + + + +
+
+ +
+ + + +
+
+
+
+ ); +}; + +export default BottomPlayer; diff --git a/components/CategoryPage/index.tsx b/components/CategoryPage/index.tsx index 94b9313..3544e59 100644 --- a/components/CategoryPage/index.tsx +++ b/components/CategoryPage/index.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; import Category from "../modules/Category"; -import PageCard from "../modules/__modules__/Card/PageCard"; +import PageCard from "../modules/layout/PageLayout"; const CategoryPage = () => { const [isTopNav, setIsTopNav] = useState(false); diff --git a/components/ErrorPages/Error400.tsx b/components/ErrorPages/Error400.tsx index db45ae4..2a3f65d 100644 --- a/components/ErrorPages/Error400.tsx +++ b/components/ErrorPages/Error400.tsx @@ -1,17 +1,13 @@ import React from "react"; -import { HomeSubMenuIcon } from "../modules/__modules/Vectors/index"; +import { HomeSubMenuIcon } from "../modules/Vectors/index"; import error from "../../components/modules/static/images/404.png"; const Error400 = () => { return (
Not Found -

- Oops! This Page is Not Found. -

-

- The requested page dose not exist -

+

Oops! This Page is Not Found.

+

The requested page dose not exist

Back to Home

diff --git a/components/ErrorPages/Error500.tsx b/components/ErrorPages/Error500.tsx index cd45563..36ee405 100644 --- a/components/ErrorPages/Error500.tsx +++ b/components/ErrorPages/Error500.tsx @@ -1,22 +1,14 @@ import React from "react"; -import { HomeSubMenuIcon } from "../modules/__modules/Vectors/index"; +import { HomeSubMenuIcon } from "../modules/Vectors/index"; import error from "../modules/static/images/500.png"; const Error500 = () => { return (
- Internal Error + Internal Error

500

-

- Oops! This Page is Not Working. -

-

- The requested is Internal Server Error. -

+

Oops! This Page is Not Working.

+

The requested is Internal Server Error.

Back to Home

diff --git a/components/LandingPage/LandingPage.tsx b/components/LandingPage/LandingPage.tsx index e561442..f00736f 100644 --- a/components/LandingPage/LandingPage.tsx +++ b/components/LandingPage/LandingPage.tsx @@ -3,7 +3,7 @@ import TopSongs from "../modules/TopSongs/TopSongs"; import HotSongs from "../modules/HotSongs"; import NewReleases from "../modules/NewReleases"; -import PageCard from "../modules/__modules__/Card/PageCard"; +import PageCard from "../modules/layout/PageLayout"; import FeaturedAlbum from "../modules/FeaturedAlbum"; const LandingPage = () => { @@ -11,13 +11,13 @@ const LandingPage = () => { return (
- + - +
); }; diff --git a/components/LatestPage/index.tsx b/components/LatestPage/index.tsx index ac36330..54afcba 100644 --- a/components/LatestPage/index.tsx +++ b/components/LatestPage/index.tsx @@ -1,19 +1,19 @@ -import React from "react"; -import HotSongs from "../modules/HotSongs"; -import TopSongs from "../modules/TopSongs/TopSongs"; -import PageCard from "../modules/__modules__/Card/PageCard"; - -const LatestPage = () => { - return ( -
- null}> -
- - -
-
-
- ); -}; - -export default LatestPage; +import React from "react"; +import HotSongs from "../modules/HotSongs"; +import TopSongs from "../modules/TopSongs/TopSongs"; +import PageCard from "../modules/layout/PageLayout"; + +const LatestPage = () => { + return ( +
+ null}> +
+ + +
+
+
+ ); +}; + +export default LatestPage; diff --git a/components/Maintenance/Maintenance.tsx b/components/Maintenance/Maintenance.tsx index a70e5e5..f307d36 100644 --- a/components/Maintenance/Maintenance.tsx +++ b/components/Maintenance/Maintenance.tsx @@ -1,10 +1,6 @@ import React from "react"; import { useRouter } from "next/router"; -import { - ExclamationCircle, - LayoutTopLine, - Clock, -} from "../modules/__modules/Vectors/index"; +import { ExclamationCircle, LayoutTopLine, Clock } from "../modules/Vectors/index"; const Maintenance = () => { const router = useRouter(); @@ -13,14 +9,8 @@ const Maintenance = () => {
- logo -

- We are Currently Performing Maintenance -

+ logo +

We are Currently Performing Maintenance

Please chack back sometime

@@ -31,8 +21,7 @@ const Maintenance = () => {

Why is the Down

- It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. + It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

@@ -43,8 +32,7 @@ const Maintenance = () => {

What is the Downtime?

- It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. + It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

@@ -55,8 +43,7 @@ const Maintenance = () => {

Do you need Support?

- It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. + It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

diff --git a/components/Maintenance/index.tsx b/components/Maintenance/index.tsx index bc417df..c857dd1 100644 --- a/components/Maintenance/index.tsx +++ b/components/Maintenance/index.tsx @@ -1,9 +1,5 @@ import React from "react"; -import { - ExclamationCircle, - LayoutTopLine, - Clock, -} from "../modules/__modules/Vectors/index"; +import { ExclamationCircle, LayoutTopLine, Clock } from "../modules/Vectors/index"; import MaintenanceImg from "../modules/static/images/MaintenanceGuy.png"; const Index = () => { @@ -11,14 +7,8 @@ const Index = () => {
- logo -

- We are Currently Performing Maintenance -

+ logo +

We are Currently Performing Maintenance

Please chack back sometime

@@ -29,8 +19,7 @@ const Index = () => {

Why is the Down

- It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. + It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

@@ -41,8 +30,7 @@ const Index = () => {

What is the Downtime?

- It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. + It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

@@ -53,8 +41,7 @@ const Index = () => {

Do you need Support?

- It is a long established fact that a reader will be distracted - by the readable content of a page when looking at its layout. + It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

diff --git a/components/SingerListPage/index.jsx b/components/SingerListPage/index.jsx deleted file mode 100644 index 4bb9ee9..0000000 --- a/components/SingerListPage/index.jsx +++ /dev/null @@ -1,17 +0,0 @@ -// import React from 'react' -// import { useState } from 'react'; -// import Singers from '../modules/Singers'; -// import PageCard from '../modules/__modules__/Card/PageCard'; - -// const SingerListPage = () => { -// const [isTopNav, setIsTopNav] = useState(false); - -// return ( -// -// -// - -// ) -// } - -// export default SingerListPage diff --git a/components/SingerListPage/index.tsx b/components/SingerListPage/index.tsx new file mode 100644 index 0000000..c8dbcd5 --- /dev/null +++ b/components/SingerListPage/index.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import { useState } from "react"; +import Singers from "../modules/Singers"; +import PageLayout from "../modules/layout/PageLayout"; + +const SingerListPage = () => { + const [isTopNav, setIsTopNav] = useState(false); + + return ( + + + + ); +}; + +export default SingerListPage; diff --git a/components/UserProfilePage/index.jsx b/components/UserProfilePage/index.jsx deleted file mode 100644 index 67adf8f..0000000 --- a/components/UserProfilePage/index.jsx +++ /dev/null @@ -1,16 +0,0 @@ -// import React, { useState } from "react"; -// import UserProfile from "../modules/UserProfile/inde"; -// import PageCard from "../modules/__modules__/Card/PageCard"; - -// const UserProfilePage = ({DailySales}) => { -// const [isTopNav, setIsTopNav] = useState(false); -// return ( -//
-// -// -// -//
-// ); -// }; - -// export default UserProfilePage; diff --git a/components/UserProfilePage/index.tsx b/components/UserProfilePage/index.tsx new file mode 100644 index 0000000..9e004a7 --- /dev/null +++ b/components/UserProfilePage/index.tsx @@ -0,0 +1,17 @@ +import { useState, FC } from "react"; +import PageLayout from "@/components/modules/layout/PageLayout"; +import { dailySalesData } from "../dummy_data/dailySalesData"; +import UserProfile from "../modules/UserProfile"; + +const UserProfilePage: FC<{ dailySales: typeof dailySalesData }> = ({ dailySales }) => { + const [isTopNav, setIsTopNav] = useState(false); + return ( +
+ + + +
+ ); +}; + +export default UserProfilePage; diff --git a/components/dummy_data/dailySalesData.ts b/components/dummy_data/dailySalesData.ts index 0ffdf13..727910c 100644 --- a/components/dummy_data/dailySalesData.ts +++ b/components/dummy_data/dailySalesData.ts @@ -1,30 +1,30 @@ -export const dailySalesData = [ - { - id: 1, - img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", - title: "sabali", - artist: "Damian Marley", - amount: 83, - }, - { - id: 2, - img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/02.png", - title: "Holly Mountain", - artist: "Bob Marley", - amount: 83, - }, - { - id: 3, - img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/06.png", - title: "In My pocket", - artist: "Duro lite", - amount: 83, - }, - { - id: 4, - img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", - title: "Call away", - artist: "Charlie puth", - amount: 83, - }, -]; +export const dailySalesData = [ + { + id: 1, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", + title: "sabali", + artist: "Damian Marley", + amount: 83, + }, + { + id: 2, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/02.png", + title: "Holly Mountain", + artist: "Bob Marley", + amount: 83, + }, + { + id: 3, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/06.png", + title: "In My pocket", + artist: "Duro lite", + amount: 83, + }, + { + id: 4, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", + title: "Call away", + artist: "Charlie puth", + amount: 83, + }, +]; diff --git a/components/dummy_data/topSongsData.ts b/components/dummy_data/topSongsData.ts index 4fdaf39..2bf312a 100644 --- a/components/dummy_data/topSongsData.ts +++ b/components/dummy_data/topSongsData.ts @@ -1,86 +1,86 @@ -export const topSongsData = [ - { - id:1, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", - title:"sabali", - artist:"Damian Marley" - }, - { - id:2, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/02.png", - title:"Holly Mountain", - artist:"Bob Marley" - }, - { - id:3, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/06.png", - title:"In My pocket", - artist:"Duro lite" - }, - { - id:4, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", - title:"Call away", - artist:"Charlie puth" - }, - { - id:5, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/08.png", - title:"Go", - artist:"Tekno" - }, - { - id:6, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/11.png", - title:"New york", - artist:"Alicia keys" - }, - { - id:7, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/12.png", - title:"Got It On Me", - artist:"Summer Walker" - }, - { - id:8, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", - title:"sabali", - artist:"Damian Marley" - }, - { - id:9, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/02.png", - title:"Holly Mountain", - artist:"Bob Marley" - }, - { - id:10, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/06.png", - title:"In My pocket", - artist:"Duro lite" - }, - { - id:11, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", - title:"Call away", - artist:"Charlie puth" - }, - { - id:12, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/08.png", - title:"Go", - artist:"Tekno" - }, - { - id:13, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/11.png", - title:"New york", - artist:"Alicia keys" - }, - { - id:14, - img:"https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/12.png", - title:"Got It On Me", - artist:"Summer Walker" - }, -] +export const topSongsData = [ + { + id: 1, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", + title: "sabali", + artist: "Damian Marley", + }, + { + id: 2, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/02.png", + title: "Holly Mountain", + artist: "Bob Marley", + }, + { + id: 3, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/06.png", + title: "In My pocket", + artist: "Duro lite", + }, + { + id: 4, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", + title: "Call away", + artist: "Charlie puth", + }, + { + id: 5, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/08.png", + title: "Go", + artist: "Tekno", + }, + { + id: 6, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/11.png", + title: "New york", + artist: "Alicia keys", + }, + { + id: 7, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/12.png", + title: "Got It On Me", + artist: "Summer Walker", + }, + { + id: 8, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", + title: "sabali", + artist: "Damian Marley", + }, + { + id: 9, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/02.png", + title: "Holly Mountain", + artist: "Bob Marley", + }, + { + id: 10, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/06.png", + title: "In My pocket", + artist: "Duro lite", + }, + { + id: 11, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/feature-album/01.png", + title: "Call away", + artist: "Charlie puth", + }, + { + id: 12, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/08.png", + title: "Go", + artist: "Tekno", + }, + { + id: 13, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/11.png", + title: "New york", + artist: "Alicia keys", + }, + { + id: 14, + img: "https://templates.iqonic.design/muzik/html/images/dashboard/popular-hindi-song/12.png", + title: "Got It On Me", + artist: "Summer Walker", + }, +]; diff --git a/components/lib/atoms/index.ts b/components/lib/atoms/index.ts index b28efb7..29aeb9d 100644 --- a/components/lib/atoms/index.ts +++ b/components/lib/atoms/index.ts @@ -12,9 +12,7 @@ const leftNavPinedAtom = atom({ default: false, }); - const displaySettingsModalAtom = atom({ - key: "displaysettingsModalAtom", default: false, }); diff --git a/components/modules/AccountSettings/index.tsx b/components/modules/AccountSettings/index.tsx index c177eb2..902cf3d 100644 --- a/components/modules/AccountSettings/index.tsx +++ b/components/modules/AccountSettings/index.tsx @@ -5,15 +5,9 @@ interface IProps { const AccountSettings: FC = ({ isTopNav }) => { return ( -
+
-

- Account Setting -

+

Account Setting

- +
-

- Social Media -

+

Social Media

- +
); diff --git a/components/modules/AddCategory/index.tsx b/components/modules/AddCategory/index.tsx index 5e95157..60c4547 100644 --- a/components/modules/AddCategory/index.tsx +++ b/components/modules/AddCategory/index.tsx @@ -1,52 +1,35 @@ -import React from "react"; - -const AddCategory = () => { - return ( - <> -
-
-

- Add Categories -

-
-
-
- - -
-
- -