Merge branch 'main' of https://gitlab.informatika.org/if3110-2022-k02-01-30/binotify-client

README.md

@@ -52,4 +52,4 @@ Program premium client yang memanggil API dari rest service dan soap service. Di
 - Frontend dashboard : 13520137
 - Frontend add song : 13520137
 - Frontend delete song : 13520137
-- Frontend edit song : 13520137
\ No newline at end of file
+- Frontend edit song : 13520137, 13520110
\ No newline at end of file

src/components/module/UpdateSong/index.js

@@ -10,32 +10,32 @@ const UpdateSongModule = () => {
   const navigate = useNavigate();
   const [audio_Path, set_Audio_Path] = useState("");
   const [judul, set_Judul] = useState("");
-  const {song_id_param} = useParams();
-  console.log("Debug -> ",song_id_param);
+  const {id} = useParams();
   useEffect(() => {
     getSongById();
   }, []);
   async function editingSong(e){
     e.preventDefault();
     const token = JSON.parse(localStorage.getItem("token"));
-    await axios.patch(`${process.env.REACT_APP_BLUESOUND_API}/get/song/${song_id_param}`,{
+    await axios.patch(`${process.env.REACT_APP_BLUESOUND_API}/get/song/${id}`,{
         "judul": judul,
         "audio_path": audio_Path,
-        headers: {
-            Authorization: `Bearer ${token}`,
-        },
         params: {
-          "song_id": song_id_param
+          "song_id": id
+        }
+      },{
+        headers: {
+            'Authorization': `Bearer ${token}`,
         }
-      });
-    navigate(`${process.env.REACT_APP_BLUESOUND_API}/apps`);
+    });
+    navigate(`/`);
   }
   async function getSongById(){
     const token = JSON.parse(localStorage.getItem("token"));
-    const result = await axios.get(`${process.env.REACT_APP_BLUESOUND_API}/get/song/${song_id_param}`, {
+    const result = await axios.get(`${process.env.REACT_APP_BLUESOUND_API}/get/song/${id}`, {
       headers: { Authorization: `Bearer ${token}` }, 
       params: {
-        song_id: song_id_param
+        song_id: id
       }
   });
     set_Judul(result.data.judul);