From a39e22fab9c25338f3a230529c8c4ccd7faaf910 Mon Sep 17 00:00:00 2001 From: "theis.gaedigk" Date: Thu, 31 Jul 2025 17:27:50 +0200 Subject: [PATCH] feat: update HTML structure and add logo for Weather App; remove unused SVG from WeatherCard --- frontend/index.html | 10 +++++++--- frontend/src/assets/cloud-sun-fill.svg | 4 ++++ frontend/src/components/Header.tsx | 3 ++- frontend/src/components/WeatherData.tsx | 9 --------- frontend/src/components/WeatherForm.tsx | 11 +---------- 5 files changed, 14 insertions(+), 23 deletions(-) create mode 100644 frontend/src/assets/cloud-sun-fill.svg diff --git a/frontend/index.html b/frontend/index.html index e4b78ea..6f23522 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,10 +1,14 @@ - + - + - Vite + React + TS + Weather App
diff --git a/frontend/src/assets/cloud-sun-fill.svg b/frontend/src/assets/cloud-sun-fill.svg new file mode 100644 index 0000000..da5ecac --- /dev/null +++ b/frontend/src/assets/cloud-sun-fill.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx index 91cb044..595d762 100644 --- a/frontend/src/components/Header.tsx +++ b/frontend/src/components/Header.tsx @@ -2,6 +2,7 @@ import React from "react"; import ChangeAPI from "./ChangeAPI"; import { useState } from "react"; import Cookies from "js-cookie"; +import logo from "../assets/cloud-sun-fill.svg"; const Header: React.FC = () => { const [apiCard, setApiCard] = useState(false); @@ -12,7 +13,7 @@ const Header: React.FC = () => {
Weather App Logo diff --git a/frontend/src/components/WeatherData.tsx b/frontend/src/components/WeatherData.tsx index 6f87e34..417b2a9 100644 --- a/frontend/src/components/WeatherData.tsx +++ b/frontend/src/components/WeatherData.tsx @@ -16,15 +16,6 @@ const WeatherData: React.FC = () => {

- - - {weatherData?.name}

diff --git a/frontend/src/components/WeatherForm.tsx b/frontend/src/components/WeatherForm.tsx index 357cb64..cbbc0f4 100644 --- a/frontend/src/components/WeatherForm.tsx +++ b/frontend/src/components/WeatherForm.tsx @@ -48,16 +48,7 @@ const WeatherCard: React.FC = () => { return (

- - - - Weather Card + Weather

Current weather will be displayed here.