update

frontend/src/components/navbar4.js

@@ -24,7 +24,7 @@ const Navbar4 = (props) => {
             <span className="thq-link thq-body-small"
             onClick={() => (window.location.href = "/about")}>{props.link2}</span>
                         <span className="thq-link thq-body-small"
-            onClick={() => (window.location.href = "/contact")}>{props.link3}</span>
+            onClick={() => (window.location.href = "/weatherforecast")}>{props.link3}</span>
             <span
               className="thq-link thq-body-small"
               onClick={() => (window.location.href = "/data")}
@@ -35,7 +35,6 @@ const Navbar4 = (props) => {
             onClick={() => (window.location.href = "/historicalweather")}>{props.link5}</span>
           </nav>
           <div className="navbar4-buttons">
-            <button className="thq-button-filled">{props.action1}</button>
             <button className="thq-button-outline">{props.action2}</button>
           </div>
         </div>
@@ -47,14 +46,13 @@ const Navbar4 = (props) => {
 Navbar4.defaultProps = {
   link5: "Historical weather",
   link4: "Current Weather",
-  link3: "Contact",
+  link3: "Weather forecast",
   link2: "About",
   link1: "Home",
   logoAlt: "Weather App",
   logoSrc:
     "https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/84ec08e8-34e9-42c7-9445-d2806d156403/fac575ac-7a41-484f-b7ac-875042de11f8?org_if_sml=1&force_format=original",
-  action2: "/about",
-  action1: "/",
+  action2: "Dark Mode",
   imageSrc: "23887698-7562-4cff-bf5f-d07a1767f79b",
   imageAlt: "image",
   imageSrc1: "23887698-7562-4cff-bf5f-d07a1767f79b",

frontend/src/index.js

@@ -11,9 +11,9 @@ import "./style.css";
 import Home from "./views/home";
 import Data from "./views/data";
 import About from "./views/about";
-import Contact from "./views/contact";
 import NotFound from "./views/not-found";
 import Historicalweather from "./views/historicalweather";
+import Weatherforecast from "./views/weatherforecast";
 
 const App = () => {
   return (
@@ -21,8 +21,8 @@ const App = () => {
       <Switch>
         <Route component={Home} exact path="/" />
         <Route component={About} exact path="/about" />
-        <Route component={Contact} exact path="/contact" />
         <Route component={Data} exact path="/data" />
+        <Route component={Weatherforecast} exact path="/weatherforecast" />
         <Route component={Historicalweather} exact path="/historicalweather" />
         <Route component={NotFound} path="**" />
         <Redirect to="**" />

frontend/src/views/contact.js → frontend/src/views/weatherforecast.js

@@ -4,7 +4,7 @@ import Navbar4 from "../components/navbar4";
 import Footer15 from "../components/footer15";
 import "./home.css";
 
-const Contact = (props) => {
+const Weatherforecast = (props) => {
   //JS Code
 
   return (
@@ -20,4 +20,4 @@ const Contact = (props) => {
   );
 };
 
-export default Contact;
+export default Weatherforecast;
\ No newline at end of file