From d7c001b474dca3d7f6f4ff60e0e8d31bb26270a0 Mon Sep 17 00:00:00 2001 From: BlakeLawrence Date: Sat, 30 Jul 2022 14:47:07 +0100 Subject: [PATCH 1/9] created a weather tips modal to repace the text section --- project-app/components/Weather/SearchBar.jsx | 2 +- project-app/components/Weather/Weather.jsx | 18 +-- .../components/Weather/WeatherReqs.jsx | 131 ++++++++++++++---- project-app/public/boots.svg | 53 +++++++ project-app/public/cap.svg | 44 ++++++ project-app/public/gloves.svg | 50 +++++++ project-app/public/jacket.svg | 52 +++++++ project-app/public/sun-cream.svg | 41 ++++++ project-app/public/sunglasses.svg | 46 ++++++ project-app/public/water.svg | 45 ++++++ project-app/public/winter-hat.svg | 51 +++++++ 11 files changed, 493 insertions(+), 40 deletions(-) create mode 100644 project-app/public/boots.svg create mode 100644 project-app/public/cap.svg create mode 100644 project-app/public/gloves.svg create mode 100644 project-app/public/jacket.svg create mode 100644 project-app/public/sun-cream.svg create mode 100644 project-app/public/sunglasses.svg create mode 100644 project-app/public/water.svg create mode 100644 project-app/public/winter-hat.svg diff --git a/project-app/components/Weather/SearchBar.jsx b/project-app/components/Weather/SearchBar.jsx index 8245ebd..05a9bca 100644 --- a/project-app/components/Weather/SearchBar.jsx +++ b/project-app/components/Weather/SearchBar.jsx @@ -2,7 +2,7 @@ import React from "react"; const SearchBar = ({ fetchWeather, handleChange, city }) => { return ( -
+