Merge pull request Laboratoria#6 from Pamelajharely83/Individual-Chat-View

Animated buttons creation (view home)

Author: su-equihua

src/components/cards.js src/components/cardsHome.jssrc/components/cards.js renamed to src/components/cardsHome.js

@@ -22,6 +22,14 @@ export const renderItems = (data) => {
         </div>
         <div id="divFondoPersonaje" class="background-color-${data.id}">
           <img class="imgPersonaje" src = ${data.imageUrl} alt = "Aquí estaba ${data.name}">  
+          <div id="divIndividualMsgIcon">
+            <div id="btnWrapHablemos">
+              <span id="spanHablemos">¡Hablemos!</span>
+              <button id="individualMsgIcon">
+                <img src="../../icons/individual-msg-icon.svg" alt="message-individual-icon">
+              </button>
+          </div>
+          </div>
         </div>
       </div>
       `;

src/icons/individual-msg-icon.svg

@@ -1,13 +1,15 @@
 import Home from "./views/Home.js";
 import { About } from "./views/About.js";
 import { Error } from "./views/Error.js";
+import { ChatIndividual } from "./views/ChatIndividual.js";
 import { setRootEl, setRoutes, onURLChange } from "./router.js";
 
 // En este archivo definirás tus rutas e importarás los componentes que vas a renderizar.
 const routes = {
   "/": Home,
   "/about": About,
   "/error": Error,
+  "/chat": ChatIndividual,
 };
 
 setRoutes(routes); /* routes are being saved in ROUTES */