From 4f8eb4462c39bb4f8e44e716537e500838744710 Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Fri, 27 Dec 2024 17:33:01 +0100
Subject: [PATCH] Refac split playlist subscribing input by line break and send
 ids in bulk

---
 .../api/actions/updatePlaylistSubscription.ts | 71 +++++++++++--------
 frontend/src/pages/Playlists.tsx              |  1 +
 2 files changed, 43 insertions(+), 29 deletions(-)

diff --git a/frontend/src/api/actions/updatePlaylistSubscription.ts b/frontend/src/api/actions/updatePlaylistSubscription.ts
index f781a353..f3f844bf 100644
--- a/frontend/src/api/actions/updatePlaylistSubscription.ts
+++ b/frontend/src/api/actions/updatePlaylistSubscription.ts
@@ -1,29 +1,42 @@
-import defaultHeaders from '../../configuration/defaultHeaders';
-import getApiUrl from '../../configuration/getApiUrl';
-import getFetchCredentials from '../../configuration/getFetchCredentials';
-import getCookie from '../../functions/getCookie';
-
-const updatePlaylistSubscription = async (playlistId: string, status: boolean) => {
-  const apiUrl = getApiUrl();
-  const csrfCookie = getCookie('csrftoken');
-
-  const response = await fetch(`${apiUrl}/api/playlist/`, {
-    method: 'POST',
-    headers: {
-      ...defaultHeaders,
-      'X-CSRFToken': csrfCookie || '',
-    },
-    credentials: getFetchCredentials(),
-
-    body: JSON.stringify({
-      data: [{ playlist_id: playlistId, playlist_subscribed: status }],
-    }),
-  });
-
-  const playlistSubscription = await response.json();
-  console.log('updatePlaylistSubscription', playlistSubscription);
-
-  return playlistSubscription;
-};
-
-export default updatePlaylistSubscription;
+import defaultHeaders from '../../configuration/defaultHeaders';
+import getApiUrl from '../../configuration/getApiUrl';
+import getFetchCredentials from '../../configuration/getFetchCredentials';
+import getCookie from '../../functions/getCookie';
+
+const updatePlaylistSubscription = async (playlistIds: string, status: boolean) => {
+  const apiUrl = getApiUrl();
+  const csrfCookie = getCookie('csrftoken');
+
+  const playlists = [];
+  const containsMultiple = playlistIds.includes('\n');
+
+  if (containsMultiple) {
+    const youtubePlaylistIds = playlistIds.split('\n');
+
+    youtubePlaylistIds.forEach(playlistId => {
+      playlists.push({ playlist_id: playlistId, playlist_subscribed: status });
+    });
+  } else {
+    playlists.push({ playlist_id: playlistIds, playlist_subscribed: status });
+  }
+
+  const response = await fetch(`${apiUrl}/api/playlist/`, {
+    method: 'POST',
+    headers: {
+      ...defaultHeaders,
+      'X-CSRFToken': csrfCookie || '',
+    },
+    credentials: getFetchCredentials(),
+
+    body: JSON.stringify({
+      data: [...playlists],
+    }),
+  });
+
+  const playlistSubscription = await response.json();
+  console.log('updatePlaylistSubscription', playlistSubscription);
+
+  return playlistSubscription;
+};
+
+export default updatePlaylistSubscription;
diff --git a/frontend/src/pages/Playlists.tsx b/frontend/src/pages/Playlists.tsx
index d4dfbd7c..934e91dd 100644
--- a/frontend/src/pages/Playlists.tsx
+++ b/frontend/src/pages/Playlists.tsx
@@ -130,6 +130,7 @@ const Playlists = () => {
                       type="submit"
                       onClick={async () => {
                         await updatePlaylistSubscription(playlistsToAddText, true);
+                        setRefresh(true);
                       }}
                     />
                   </div>