Fix input dialog snapshots

Author: nukeop

packages/app/app/components/Playlists/PlaylistsHeader/index.tsx

@@ -50,7 +50,7 @@ const PlaylistsHeader: React.FC<PlaylistsHeaderProps> = ({
         >
           <div className={styles.playlist_header_buttons}>
             <InputDialog
-              header={t('create-playlist-dialog-title')}
+              header={<h4>t('create-playlist-dialog-title')</h4>}
               placeholder={t('dialog-placeholder')}
               acceptLabel={t('dialog-accept')}
               cancelLabel={t('dialog-cancel')}

packages/app/app/containers/TrackPopupContainer/__snapshots__/TrackPopupContainer.test.tsx.snap

@@ -154,9 +154,7 @@ exports[`Track Popup container creating new playlist should open Input Dialog 1`
         class="content"
       >
         <h4>
-          <h4>
-            Input playlist name:
-          </h4>
+          Input playlist name:
         </h4>
         <div
           class="ui fluid inverted input"

packages/ui/lib/components/InputDialog/index.tsx

@@ -14,7 +14,7 @@ interface CoreInputDialogProps {
 
 interface UncontrolledInputDialogProps extends CoreInputDialogProps {
   trigger: ModalProps['trigger'];
-  onClose: () => void;
+  onClose?: () => void;
 }
 
 interface ControlledInputDialogProps extends CoreInputDialogProps {
@@ -93,9 +93,7 @@ const InputDialog: React.VFC<InputDialogProps> = ({
       {...(isControlled ? {} : { trigger: props.trigger })}
     >
       <Modal.Content>
-        <h4>
-          {header}
-        </h4>
+        {header}
         <Input
           fluid
           inverted

packages/ui/test/__snapshots__/inputDialog.test.tsx.snap

@@ -19,9 +19,7 @@ exports[`(Snapshot) InputDialog - open should render correctly 1`] = `
       <div
         class="content"
       >
-        <h4>
-          Input header
-        </h4>
+        Input header
         <div
           class="ui fluid inverted input"
         >