From 1849582df546a6bf0a22705de39f9ec2c25eb092 Mon Sep 17 00:00:00 2001
From: MisbehavedNinjaRadiator
 <120029998+MisbehavedNinjaRadiator@users.noreply.github.com>
Date: Wed, 18 Jun 2025 17:17:57 +0200
Subject: [PATCH] save

---
 code/frontend/src/App.tsx                     |  4 +--
 .../src/{ => components}/feed/Feed.tsx        |  2 +-
 .../src/{ => components}/feed/feed.css        |  0
 .../src/components/{ => footer}/Footer.tsx    |  0
 .../src/components/{ => footer}/footer.css    |  0
 .../frontend/src/components/header/Header.tsx | 17 +++++++++
 .../src/components/{ => header}/header.css    |  0
 code/frontend/src/footer/Footer.tsx           | 36 -------------------
 8 files changed, 20 insertions(+), 39 deletions(-)
 rename code/frontend/src/{ => components}/feed/Feed.tsx (97%)
 rename code/frontend/src/{ => components}/feed/feed.css (100%)
 rename code/frontend/src/components/{ => footer}/Footer.tsx (100%)
 rename code/frontend/src/components/{ => footer}/footer.css (100%)
 create mode 100644 code/frontend/src/components/header/Header.tsx
 rename code/frontend/src/components/{ => header}/header.css (100%)
 delete mode 100644 code/frontend/src/footer/Footer.tsx

diff --git a/code/frontend/src/App.tsx b/code/frontend/src/App.tsx
index a1eb7db..f59a86a 100644
--- a/code/frontend/src/App.tsx
+++ b/code/frontend/src/App.tsx
@@ -9,13 +9,13 @@ import "./App.css";
 import "./styles/colors.css";
 import "./styles/fonts.css";
 import "./styles/sizes.css";
-import Footer from "./components/Footer";
+import Footer from "./components/footer/Footer";
 import Header from "./components/Header";
 import Profile from "./pages/Profile";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { Auth } from "./api/Auth";
 import { NotFound } from "./pages/404Page/NotFoundPage";
-
+import Feed from './components/feed/Feed';
 
 function App() {
   return (
diff --git a/code/frontend/src/feed/Feed.tsx b/code/frontend/src/components/feed/Feed.tsx
similarity index 97%
rename from code/frontend/src/feed/Feed.tsx
rename to code/frontend/src/components/feed/Feed.tsx
index 651e379..b878629 100644
--- a/code/frontend/src/feed/Feed.tsx
+++ b/code/frontend/src/components/feed/Feed.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from "react";
-import TestPost from "../TestPost";
+import TestPost from "../../TestPost";
 import "./feed.css";
 import Post from "../Post";
 
diff --git a/code/frontend/src/feed/feed.css b/code/frontend/src/components/feed/feed.css
similarity index 100%
rename from code/frontend/src/feed/feed.css
rename to code/frontend/src/components/feed/feed.css
diff --git a/code/frontend/src/components/Footer.tsx b/code/frontend/src/components/footer/Footer.tsx
similarity index 100%
rename from code/frontend/src/components/Footer.tsx
rename to code/frontend/src/components/footer/Footer.tsx
diff --git a/code/frontend/src/components/footer.css b/code/frontend/src/components/footer/footer.css
similarity index 100%
rename from code/frontend/src/components/footer.css
rename to code/frontend/src/components/footer/footer.css
diff --git a/code/frontend/src/components/header/Header.tsx b/code/frontend/src/components/header/Header.tsx
new file mode 100644
index 0000000..77468cc
--- /dev/null
+++ b/code/frontend/src/components/header/Header.tsx
@@ -0,0 +1,17 @@
+import "./header.css";
+
+
+function Header() {
+
+  return (
+      <header className="base-header">
+        <div className="base-header-icon"> <img src='/assets/icons/feather_black.svg' alt="featherIcon" /> </div>
+        <p className="header-title small-title">
+          Feather Feed
+        </p>
+        <div className="base-header-icon"> <img src="/assets/icons/three_menu_stripes_black.svg" alt="menuIcon" /> </div>
+      </header>
+  );
+}
+
+export default Header;
diff --git a/code/frontend/src/components/header.css b/code/frontend/src/components/header/header.css
similarity index 100%
rename from code/frontend/src/components/header.css
rename to code/frontend/src/components/header/header.css
diff --git a/code/frontend/src/footer/Footer.tsx b/code/frontend/src/footer/Footer.tsx
deleted file mode 100644
index c36c60a..0000000
--- a/code/frontend/src/footer/Footer.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react";
-import "./footer.css";
-
-function Footer() {
-
-    
-
-  return (
-    <footer className="footer">
-      <div className="footer-left">
-        <a href="" className="footer-link feather">
-          <img src="/assets/icons/feather_black.svg" alt="Feather icon" />
-          <span>Feather Feed</span>
-        </a>
-        <a href="https://github.com/bubblecup-12/VogelSocialMedia" target="_blank " className="footer-link github">
-          <img src="/assets/icons/github-mark.svg" alt="GitHub mark" />
-          
-          <img src="/assets/icons/GitHub_Logo.png" alt="GitHub logo" />
-        </a>
-      </div>
-
-      <div className="footer-right">
-    
-          <a className="footer-link" href="#">Home</a>i
-          <a className="footer-link" href="#">About</a>
-          <a className="footer-link" href="#">Login</a>
-          <a className="footer-link" href="#">Sign up</a>
-          <a className="footer-link" href="#">Create Post</a>
-          <a className="footer-link" href="#">Feed</a>
-       
-      </div>
-    </footer>
-  );
-}
-
-export default Footer;