From 3cea3d97eb4c5df8d17cf70c5fc9ca991fe9a284 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 2 Nov 2021 13:52:51 -0700
Subject: [PATCH] Fix add playlist input style

---
 src/components/playlist/PlaylistList.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/playlist/PlaylistList.tsx b/src/components/playlist/PlaylistList.tsx
index 84df485..edcf999 100644
--- a/src/components/playlist/PlaylistList.tsx
+++ b/src/components/playlist/PlaylistList.tsx
@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { useQuery, useQueryClient } from 'react-query';
 import { useHistory } from 'react-router-dom';
-import { Form, Input, Whisper } from 'rsuite';
+import { Form, Whisper } from 'rsuite';
 import settings from 'electron-settings';
 import useSearchQuery from '../../hooks/useSearchQuery';
 import { createPlaylist, getPlaylists } from '../../api/api';
@@ -10,7 +10,7 @@ import PageLoader from '../loader/PageLoader';
 import GenericPage from '../layout/GenericPage';
 import GenericPageHeader from '../layout/GenericPageHeader';
 import GridViewType from '../viewtypes/GridViewType';
-import { StyledButton, StyledInputGroup, StyledPopover } from '../shared/styled';
+import { StyledButton, StyledInput, StyledInputGroup, StyledPopover } from '../shared/styled';
 import { errorMessages, isFailedResponse } from '../../shared/utils';
 import { notifyToast } from '../shared/toast';
 import { AddPlaylistButton } from '../shared/ToolbarButtons';
@@ -102,10 +102,10 @@ const PlaylistList = () => {
                 <StyledPopover>
                   <Form>
                     <StyledInputGroup>
-                      <Input
+                      <StyledInput
                         placeholder="Enter name..."
                         value={newPlaylistName}
-                        onChange={(e) => setNewPlaylistName(e)}
+                        onChange={(e: string) => setNewPlaylistName(e)}
                       />
                     </StyledInputGroup>
                     <br />