From 42fdf2ba4bea280f9bcf87bb5cefab304c68d20f Mon Sep 17 00:00:00 2001
From: Michael Scofield <135577456+MichaelScodaeng@users.noreply.github.com>
Date: Thu, 21 Dec 2023 17:34:03 +0700
Subject: [PATCH 03/12] fix: change image importing
as commander boom said
---
{public => src/assets/footer}/FacebookLogo.svg | 0
{public => src/assets/footer}/InstagramLogo.svg | 0
src/assets/footer/JohnJudLogo.svg | 1 +
{public => src/assets/footer}/TwitterLogo.svg | 0
src/components/Footer.tsx | 15 ++++++++++-----
5 files changed, 11 insertions(+), 5 deletions(-)
rename {public => src/assets/footer}/FacebookLogo.svg (100%)
rename {public => src/assets/footer}/InstagramLogo.svg (100%)
create mode 100644 src/assets/footer/JohnJudLogo.svg
rename {public => src/assets/footer}/TwitterLogo.svg (100%)
diff --git a/public/FacebookLogo.svg b/src/assets/footer/FacebookLogo.svg
similarity index 100%
rename from public/FacebookLogo.svg
rename to src/assets/footer/FacebookLogo.svg
diff --git a/public/InstagramLogo.svg b/src/assets/footer/InstagramLogo.svg
similarity index 100%
rename from public/InstagramLogo.svg
rename to src/assets/footer/InstagramLogo.svg
diff --git a/src/assets/footer/JohnJudLogo.svg b/src/assets/footer/JohnJudLogo.svg
new file mode 100644
index 00000000..bf9077f3
--- /dev/null
+++ b/src/assets/footer/JohnJudLogo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/TwitterLogo.svg b/src/assets/footer/TwitterLogo.svg
similarity index 100%
rename from public/TwitterLogo.svg
rename to src/assets/footer/TwitterLogo.svg
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 23a4b8f8..b39fe749 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,4 +1,9 @@
-
+import React from 'react';
+import johnjudLogo from '../assets/footer/JohnJudLogo.svg';
+import facebookLogo from '../assets/footer/FacebookLogo.svg';
+import twitterLogo from '../assets/footer/InstagramLogo.svg';
+import instagramLogo from '../assets/footer/TwitterLogo.svg';
+console.log(facebookLogo);
const Footer = () => {
/* mt-auto or margin-top will make footer always on the bottom
please delete this comment after you read it */
@@ -7,7 +12,7 @@ const Footer = () => {
-
+
JOHNJUD
@@ -17,13 +22,13 @@ const Footer = () => {
-
+
-
+
-
+
From 154d0a746a99ad0db5cdb9e7fa703023f53394a4 Mon Sep 17 00:00:00 2001
From: Michael Scofield <135577456+MichaelScodaeng@users.noreply.github.com>
Date: Fri, 22 Dec 2023 02:28:44 +0700
Subject: [PATCH 04/12] Feat: Responsive footer
Still need to debug code to be compatible with lint
---
src/components/Footer.tsx | 82 ++++++++++++++++++++++++++-------------
1 file changed, 56 insertions(+), 26 deletions(-)
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index b39fe749..7fc9f307 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -5,34 +5,64 @@ import twitterLogo from '../assets/footer/InstagramLogo.svg';
import instagramLogo from '../assets/footer/TwitterLogo.svg';
console.log(facebookLogo);
const Footer = () => {
- /* mt-auto or margin-top will make footer always on the bottom
- please delete this comment after you read it */
+ return (
+