From 001e9d39eb1daad1f94d08ec6bba6c624ef04fcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Omar=20Luna=20Hern=C3=A1ndez?= <42101656@uaz.edu.mx>
Date: Wed, 4 Dec 2024 18:06:19 -0600
Subject: [PATCH] Se creo el panel sobre nosotros y se elimino el footer
---
web/src/core/constants/selected_panel.ts | 6 +-
.../admin/panel/admin_home_page.tsx | 18 ++-
.../admin/panel/assets/styles/style.css | 7 +-
.../components/about_us/about_us_panel.tsx | 112 ++++++++++++++++++
.../components/about_us/assets/css/styles.css | 46 +++++++
.../components/footer/assets/css/styles.css | 39 ------
.../presentation/components/footer/footer.tsx | 89 --------------
.../superadmin/panel/assets/styles/style.css | 7 +-
.../panel/super_admin_home_page.tsx | 18 ++-
9 files changed, 190 insertions(+), 152 deletions(-)
create mode 100644 web/src/presentation/components/about_us/about_us_panel.tsx
create mode 100644 web/src/presentation/components/about_us/assets/css/styles.css
delete mode 100644 web/src/presentation/components/footer/assets/css/styles.css
delete mode 100644 web/src/presentation/components/footer/footer.tsx
diff --git a/web/src/core/constants/selected_panel.ts b/web/src/core/constants/selected_panel.ts
index d9691ddb..090e9ed5 100644
--- a/web/src/core/constants/selected_panel.ts
+++ b/web/src/core/constants/selected_panel.ts
@@ -4,7 +4,8 @@
export enum AdminSelectedPanel {
TOWN_INFO = "town_info", // Panel for town information
PLACES = "places", // Panel for places
- POINT_OF_INTEREST = "point_of_interest" // Panel for points of interest
+ POINT_OF_INTEREST = "point_of_interest", // Panel for points of interest
+ ABOUT_US = "about_us" // Panel for about us
}
/**
@@ -13,5 +14,6 @@ export enum AdminSelectedPanel {
export enum SuperAdminSelectedPanel {
TOWNS = "towns", // Panel for towns
ADMINS = "admins", // Panel for admins
- CATEGORIES = "categories" // Panel for categories
+ CATEGORIES = "categories", // Panel for categories
+ ABOUT_US = "about_us", // Panel for about us
}
\ No newline at end of file
diff --git a/web/src/presentation/admin/panel/admin_home_page.tsx b/web/src/presentation/admin/panel/admin_home_page.tsx
index 4fdff781..dd816f06 100644
--- a/web/src/presentation/admin/panel/admin_home_page.tsx
+++ b/web/src/presentation/admin/panel/admin_home_page.tsx
@@ -2,6 +2,7 @@ import { Menu, MenuItem, Sidebar } from "react-pro-sidebar";
import "./assets/styles/style.css";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
+ faInfo,
faLocation,
faMonument,
faPlaceOfWorship,
@@ -15,8 +16,8 @@ import { LoadingScreen } from "../../components/loading_screen/loading_screen";
import { ErrorWindow } from "../../components/error_window/error_window";
import { LoadingSpinner } from "../../components/loading_spinner/loading_spinner";
import { AdminTownInfo } from "../admin_town_info/admin_town_info";
-import { Footer } from "../../components/footer/footer";
import { AdminPanelPoiScreen } from "../admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen";
+import { AboutUsPanel } from "../../components/about_us/about_us_panel";
// Main component for the admin home page
export const AdminHomePage = () => {
@@ -95,6 +96,15 @@ export const AdminHomePage = () => {
>
Puntos de interés
+ }
+ disabled={isWindowActive}
+ onClick={() => {
+ setSelectedPanel(AdminSelectedPanel.ABOUT_US);
+ }}
+ >
+ Sobre nosotros
+
@@ -133,15 +143,13 @@ export const AdminHomePage = () => {
town={town}
/>
);
+ case AdminSelectedPanel.ABOUT_US:
+ return
;
default:
return null;
}
})()}
-
-
);
diff --git a/web/src/presentation/admin/panel/assets/styles/style.css b/web/src/presentation/admin/panel/assets/styles/style.css
index 7683cef5..c94ef160 100644
--- a/web/src/presentation/admin/panel/assets/styles/style.css
+++ b/web/src/presentation/admin/panel/assets/styles/style.css
@@ -22,12 +22,7 @@
.admin-panel-content{
max-height: 80vh;
- min-height: 80vh;
+ min-height: 94vh;
display: flex;
background: white;
}
-
-.footer-cnt{
- height: 14vh;
- background: #ECEAFF;
-}
\ No newline at end of file
diff --git a/web/src/presentation/components/about_us/about_us_panel.tsx b/web/src/presentation/components/about_us/about_us_panel.tsx
new file mode 100644
index 00000000..14ceb237
--- /dev/null
+++ b/web/src/presentation/components/about_us/about_us_panel.tsx
@@ -0,0 +1,112 @@
+import "./assets/css/styles.css";
+
+// Define the Developer interface
+interface Developer {
+ name: string;
+ lastName: string;
+ role: string;
+ linkedInURL: string;
+ email: string;
+}
+
+// Main component function
+export const AboutUsPanel = () => {
+ // Inline style for text elements
+ const style: React.CSSProperties = {
+ fontSize: 11,
+ textDecoration: "none",
+ color: "black",
+ padding: "0px 3px",
+ };
+
+ // List of developers
+ const developers: Developer[] = [
+ {
+ name: "Lorenzo",
+ lastName: "Trujillo",
+ role: "Desarrollador FrontEnd Mobile",
+ linkedInURL: "https://www.linkedin.com/in/lorenzotrujillorojassd/",
+ email: "42102130@uaz.edu.mx",
+ },
+ {
+ name: "Diego I.",
+ lastName: "Correa",
+ role: "Desarrollador BackEnd",
+ linkedInURL: "https://www.linkedin.com/in/diego-ivan-correa/",
+ email: "dcorreanavarrete@gmail.com",
+ },
+ {
+ name: "Omar",
+ lastName: "Luna",
+ role: "Desarrollador FrontEnd Web",
+ linkedInURL:
+ "https://www.linkedin.com/in/omar-luna-hern%C3%A1ndez-a280ba267/",
+ email: "omar_luna_hernandez@hotmail.com",
+ },
+ ];
+
+ // Main render of the component
+ return (
+
+
+
+ Este proyecto fue desarrollado por las siguientes personas:
+ {/* Footer credits section */}
+
+ {/* Developer links */}
+
+ {developers.map((dev, index) => {
+ return (
+
+ );
+ })}
+
+
+ {/* Logos section */}
+
+
+
+
+
+
+
+
- {/* Footer credits section */}
-
-
- {/* Developer links */}
-
-
-
- {/* Footer icons section */}
-
-
-
-
-
-
-
@@ -131,15 +141,13 @@ export const SuperAdminHomePage = () => {
setIsWindowActive={setIsWindowActive}
/>
);
+ case SuperAdminSelectedPanel.ABOUT_US:
+ return
;
default:
return null;
}
})()}
-
-
);
--
GitLab