Merge pull request #87 from taver-ca/fix/reset-error-status-when-user…

…-enter-valid-playlist-url Fix/reset error status when user enter valid playlist url
taver-ca · Jul 28, 2024 · 3588aa1 · 3588aa1
2 parents 47db606 + 76d2ef1
commit 3588aa1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/GetSpotifyPlaylistArtistsWithShows.js b/src/GetSpotifyPlaylistArtistsWithShows.js
@@ -7,13 +7,10 @@ function GetSpotifyPlaylistArtistsWithShows({ followedArtists, setFollowedArtist
 
     let handleSubmit = async (e) => {
         e.preventDefault();
-
-
         const url = spotifyPlayList;
-        const urlValidate = new RegExp("^https://open\\.spotify\\.com/playlist/[a-zA-Z0-9]{22}$");
+        const urlValidate = new RegExp("^https://open\\.spotify\\.com/playlist/[a-zA-Z0-9]{22}(\\?si=.*)?$");
         if (urlValidate.test(spotifyPlayList)) {
-
-            return spotifyPlayList;
+            setErrorMessage("");
         }
         else {
             setErrorMessage("Please enter a valid Spotify playlist URL.");
@@ -67,11 +64,10 @@ function GetSpotifyPlaylistArtistsWithShows({ followedArtists, setFollowedArtist
                     }}
                     label="Spotify Playlist URL:"
                     value={spotifyPlayList} onChange={(e) => setSpotifyPlaylist(e.target.value)}
-
-                    error={Boolean(errorMessage)}
-
+                    helperText={errorMessage}
+                    error={errorMessage}
                 />
-                {errorMessage && <Typography color="error">{errorMessage}</Typography>}
+
                 <Button
                     type="submit"
                     variant="contained"