Browse Source

Fix add playlist input style

master
jeffvli 3 years ago
committed by Jeff
parent
commit
3cea3d97eb
  1. 8
      src/components/playlist/PlaylistList.tsx

8
src/components/playlist/PlaylistList.tsx

@ -1,7 +1,7 @@
import React, { useRef, useState } from 'react'; import React, { useRef, useState } from 'react';
import { useQuery, useQueryClient } from 'react-query'; import { useQuery, useQueryClient } from 'react-query';
import { useHistory } from 'react-router-dom'; import { useHistory } from 'react-router-dom';
import { Form, Input, Whisper } from 'rsuite'; import { Form, Whisper } from 'rsuite';
import settings from 'electron-settings'; import settings from 'electron-settings';
import useSearchQuery from '../../hooks/useSearchQuery'; import useSearchQuery from '../../hooks/useSearchQuery';
import { createPlaylist, getPlaylists } from '../../api/api'; import { createPlaylist, getPlaylists } from '../../api/api';
@ -10,7 +10,7 @@ import PageLoader from '../loader/PageLoader';
import GenericPage from '../layout/GenericPage'; import GenericPage from '../layout/GenericPage';
import GenericPageHeader from '../layout/GenericPageHeader'; import GenericPageHeader from '../layout/GenericPageHeader';
import GridViewType from '../viewtypes/GridViewType'; 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 { errorMessages, isFailedResponse } from '../../shared/utils';
import { notifyToast } from '../shared/toast'; import { notifyToast } from '../shared/toast';
import { AddPlaylistButton } from '../shared/ToolbarButtons'; import { AddPlaylistButton } from '../shared/ToolbarButtons';
@ -102,10 +102,10 @@ const PlaylistList = () => {
<StyledPopover> <StyledPopover>
<Form> <Form>
<StyledInputGroup> <StyledInputGroup>
<Input <StyledInput
placeholder="Enter name..." placeholder="Enter name..."
value={newPlaylistName} value={newPlaylistName}
onChange={(e) => setNewPlaylistName(e)} onChange={(e: string) => setNewPlaylistName(e)}
/> />
</StyledInputGroup> </StyledInputGroup>
<br /> <br />

Loading…
Cancel
Save