Changed order of search and text-to-speech

holokron · Jun 20, 2020 · a337bba · a337bba
1 parent 8cbbb8a
commit a337bba
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Changed
 
 - Packages update
+- Changed order of search and text-to-speech
 
 ## [0.37.1] - 2020-01-07
 

diff --git a/src/components/Navigation/index.tsx b/src/components/Navigation/index.tsx
@@ -18,8 +18,8 @@ export default function Navigation(): ReactElement {
       <NavbarToggler type="button" onClick={toggle} />
       <Collapse isOpen={toggled} navbar>
         <MainMenu onLinkClick={toggleOf} />
-        <TextToSpeech />
         <SoundSearch />
+        <TextToSpeech />
       </Collapse>
     </Navbar>
   );

diff --git a/src/components/SoundSearch/index.tsx b/src/components/SoundSearch/index.tsx
@@ -16,7 +16,7 @@ export default function SoundSearch(): ReactElement {
   );
 
   return (
-    <Nav navbar>
+    <Nav navbar className="mr-auto">
       <Form inline noValidate>
         <InputGroup>
           <Input

diff --git a/src/components/TextToSpeech/index.test.tsx b/src/components/TextToSpeech/index.test.tsx
@@ -6,9 +6,9 @@ describe("@components/TextToSpeech", () => {
   it.each([
     [
       {
-        readText: (): void => {}
-      }
-    ]
+        readText: (): void => {},
+      },
+    ],
   ] as TextToSpeechProps[][])(
     "renders correctly with props: %p",
     (props: TextToSpeechProps) => {

diff --git a/src/components/TextToSpeech/index.tsx b/src/components/TextToSpeech/index.tsx
@@ -3,7 +3,7 @@ import React, {
   useCallback,
   FormEvent,
   useState,
-  ChangeEvent
+  ChangeEvent,
 } from "react";
 import Form from "reactstrap/lib/Form";
 import Input from "reactstrap/lib/Input";
@@ -38,7 +38,7 @@ export default function TextToSpeech(): ReactElement {
   );
 
   return (
-    <Nav navbar className="mr-auto">
+    <Nav navbar>
       <Form onSubmit={handleReadText} inline noValidate>
         <InputGroup>
           <Input