Fix - Alter title and favicon (#75)

* fix: alter title and favicon of the pages * fix: alter test to use new text for agenda link
frontend-ce · Jul 22, 2024 · 0abb360 · 0abb360
1 parent 8d7fe4f
commit 0abb360
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -2,10 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/frontend-day.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <title>Vite + React + TS</title>
+    <title>Agenda Frontend Day</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/public/frontend-day.svg b/public/frontend-day.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/components/LinkAgenda/LinkAgenda.test.tsx b/src/components/LinkAgenda/LinkAgenda.test.tsx
@@ -8,6 +8,6 @@ test('renders LinkAgenda', () => {
       <LinkAgenda />
     </Router>
   );
-  const element = getByText(/Acontecendo agora/i);
+  const element = getByText(/Ver minha agenda/i);
   expect(element).toBeInTheDocument();
 });
diff --git a/src/pages/HomePage/HomePage.tsx b/src/pages/HomePage/HomePage.tsx
@@ -1,5 +1,5 @@
 import { Palestra } from "@/api/types";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { ButtonGroup } from "@/components/ButtonGroup";
 import { DeadComponent } from "@/components/DeadComponent";
 import { Header } from "@/components/Header";
@@ -26,11 +26,14 @@ export const HomePage = () => {
     .sort((a, b) => a.hour.localeCompare(b.hour));
 
   const filteredTalks = allTalks.filter(
-    (talk) => !currentMode || talk.room === currentMode.toLowerCase(),
+    (talk) => !currentMode || talk.room === currentMode.toLowerCase()
   );
 
-  const { talksBeforeMidDay, talksAfterMidDay } =
-    splitTalksToMidDay(filteredTalks);
+  const { talksBeforeMidDay, talksAfterMidDay } = splitTalksToMidDay(filteredTalks);
+
+  useEffect(() => {
+    document.title = "Agenda do Evento";
+  }, []);
 
   return (
     <section className="container my-12 flex flex-col items-center">

diff --git a/src/pages/LivePage/LivePage.tsx b/src/pages/LivePage/LivePage.tsx
@@ -5,6 +5,7 @@ import { Separator } from "@/components/ui/separator";
 import { useAgenda } from "@/hooks/useAgenda";
 import { useSavedTalks } from "@/hooks/useSavedTalks";
 import { getLiveTalk, getNextTalk } from "./utils/talks";
+import { useEffect } from "react";
 
 export const LivePage = () => {
   const { data } = useAgenda();
@@ -19,6 +20,10 @@ export const LivePage = () => {
   const nextComunidadesTalk = getNextTalk(data?.Comunidades || [], now);
   const nextConvidadosTalk = getNextTalk(data?.Convida || [], now);
 
+  useEffect(() => {
+    document.title = "Acontecendo agora";
+  }, []);
+
   return (
     <section className="container mt-12 flex flex-col items-center">
       <ReturnButton/>

diff --git a/src/pages/MyAgenda/MyAgenda.tsx b/src/pages/MyAgenda/MyAgenda.tsx
@@ -6,7 +6,7 @@ import { SpeakerCard } from "@/components/SpeakerCard";
 import { useAgenda } from "@/hooks/useAgenda";
 import { useSavedTalks } from "@/hooks/useSavedTalks";
 import { agendaResponseToTalks, splitTalksToMidDay } from "@/lib/talks";
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { Link } from "react-router-dom";
 
 export const MyAgenda = () => {
@@ -29,6 +29,10 @@ export const MyAgenda = () => {
 
   const hasSavedTalks = useMemo(() => savedTalks.length > 0, [savedTalks]);
 
+  useEffect(() => {
+    document.title = "Minha Agenda";
+  })
+
   return (
     <section className="container mt-12 flex flex-col items-center">
       <ReturnButton />