diff --git a/client/src/App.css b/client/src/App.css index 5fa8be9..39be4d0 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -65,9 +65,9 @@ nav { width: 150px; margin: 0; } -#botMessage span, + .navPrompt span { - animation: fadeInChar 0.5s ease-in forwards; + animation: fadeInChar 1s ease-in forwards; opacity: 0; } #botMessage pre { diff --git a/client/src/App.js b/client/src/App.js index c692f5f..b590208 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -7,6 +7,7 @@ import NavPrompt from "./components/NavPrompt"; import Loading from "./components/Loading"; import Error from "./components/Error"; import NavLinks from "./components/NavLink"; +import BotResponse from "./components/BotResponse"; function App() { const [showMenu, setShowMenu] = useState(false); @@ -240,16 +241,7 @@ function App() { {chat.botMessage ? (
- {chat.botMessage.split("").map((char, idx) => (
-
- {char}
-
- ))}
-
+ + {botResoponse} + {botResoponse === response ? "" : "|"} ++ ); +}; + +export default BotResponse;