From 1c2d9f7f64cd72d5fc2f342e594cafccca446245 Mon Sep 17 00:00:00 2001
From: cmaddox5 <christian.maddox93@gmail.com>
Date: Wed, 16 Oct 2024 11:11:30 -0400
Subject: [PATCH] Added footer.

---
 assets/css/v2/elevator/elevator_closures.scss    | 16 ++++++++++++++++
 .../components/v2/elevator/elevator_closures.tsx | 12 ++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/assets/css/v2/elevator/elevator_closures.scss b/assets/css/v2/elevator/elevator_closures.scss
index 61a5a86e2..37cac6e1c 100644
--- a/assets/css/v2/elevator/elevator_closures.scss
+++ b/assets/css/v2/elevator/elevator_closures.scss
@@ -1,4 +1,7 @@
 .elevator-closures {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   position: relative;
   font-family: Inter, sans-serif;
   background-color: $warm-neutral-90;
@@ -27,10 +30,12 @@
 
   hr {
     height: 24px;
+    width: 100%;
     background-color: $cool-black-15;
   }
 
   .outside-alert-list {
+    height: 100%;
     background-color: $warm-neutral-90;
 
     .header {
@@ -41,4 +46,15 @@
       padding: 48px;
     }
   }
+
+  .footer {
+    display: flex;
+    height: 184px;
+    background-color: $cool-black-30;
+    color: white;
+    font-size: 48px;
+    line-height: 62px;
+    align-items: center;
+    padding: 26px 48px;
+  }
 }
diff --git a/assets/src/components/v2/elevator/elevator_closures.tsx b/assets/src/components/v2/elevator/elevator_closures.tsx
index 607ebea32..e2ee3d9cd 100644
--- a/assets/src/components/v2/elevator/elevator_closures.tsx
+++ b/assets/src/components/v2/elevator/elevator_closures.tsx
@@ -55,6 +55,17 @@ const OutsideAlertList = (_props: OutsideAlertListProps) => {
   );
 };
 
+const Footer = () => {
+  return (
+    <div className="footer">
+      <span>
+        For more info and alternate paths: mbta.com/alerts/access or (617)
+        222-2828
+      </span>
+    </div>
+  );
+};
+
 interface Props {
   id: string;
   time: string;
@@ -73,6 +84,7 @@ const ElevatorClosures: React.ComponentType<Props> = ({
       <Header id={id} time={time} />
       <InStationSummary alerts={inStationAlerts} />
       <OutsideAlertList alerts={outsideAlerts} />
+      <Footer />
     </div>
   );
 };