Merge branch 'master' of https://github.com/tunema-org/tunema-frontend

Author: Typhoon11037

src/main.tsx

@@ -9,3 +9,4 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
     <RouterProvider router={router} />
   </React.StrictMode>,
 )
+//

src/pages/artist-dashboard/artist-dashboard.tsx

@@ -1,17 +1,14 @@
-import React from 'react'
-import { useState, ReactNode } from 'react'
-import Navbar from '../../components/Navbar/navbar'
+import { Tab, Transition } from '@headlessui/react'
+import { Edit } from 'iconsax-react'
+import { ReactNode, useState } from 'react'
 import Container from '../../components/container'
 import Footer from '../../components/footer'
 import FooterMobile from '../../components/footer-mobile'
+import Navbar from '../../components/Navbar/navbar'
 import ArtistSample from '../../components/samples/sample-artist'
 import SampleArtistTitle from '../../components/samples/title-artist'
-import { Edit, ToggleOn } from 'iconsax-react'
-import ProfileEdit from './profile-edit'
-import { Tab } from '@headlessui/react'
-import Sample from '../../components/samples/sample'
 import SampleTitle from '../../components/samples/title-primary'
-import { Transition } from '@headlessui/react'
+import ProfileEdit from './profile-edit'
 
 type Props = {
   title: string
@@ -180,19 +177,7 @@ function ArtistDashboard() {
                   <SampleTitle />
                   <TransitionFade>
                     <section className="md:pb-16">
-                      {' '}
-                      <Sample
-                        img="/pic/components/player/alblumcover.png"
-                        name="Suara apa ini cok.wav"
-                        artist="B.O.B"
-                        src="/samples/1.wav"
-                        time="3:45"
-                        bpm={125}
-                        keys="C#"
-                        keyScale="major"
-                        price={3.45}
-                        upload="2022/01/16"
-                      />
+                      {/* TODO: integrate with backend to list profile samples */}
                     </section>
                   </TransitionFade>
                 </Transition.Root>

src/pages/profile/profile.tsx

@@ -1,11 +1,8 @@
-import React from 'react'
-import Navbar from '../../components/Navbar/navbar'
-import styled from 'styled-components'
 import Container from '../../components/container'
-import Sample from '../../components/samples/sample'
-import IconPlay from '../../components/icons/icon-play'
 import Footer from '../../components/footer'
 import FooterMobile from '../../components/footer-mobile'
+import IconPlay from '../../components/icons/icon-play'
+import Navbar from '../../components/Navbar/navbar'
 
 function Profile() {
   return (
@@ -67,12 +64,7 @@ function Profile() {
             <div className="flex items-start border-b-[1px] border-gray-3"></div>
           </section>
           <section className="md:pb-16">
-            {' '}
-            <Sample src="/samples/acimalaka2.mp3" />
-            <Sample src="/samples/1.wav" />
-            <Sample src="/samples/2.wav" />
-            <Sample src="/samples/3.wav" />
-            <Sample src="/samples/4.wav" />
+            {/* TODO: integrate with backend to list profile samples */}
           </section>
         </Container>
       </main>