From e51cdd89afc08274ca622e18b8127feca29e90a3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 22:49:47 +0000
Subject: Add gallery components and improve search functionality

Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
---
 src/frontend/app/components/ServiceAlerts.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/frontend/app/components/ServiceAlerts.tsx

(limited to 'src/frontend/app/components/ServiceAlerts.tsx')

diff --git a/src/frontend/app/components/ServiceAlerts.tsx b/src/frontend/app/components/ServiceAlerts.tsx
new file mode 100644
index 0000000..7966f2a
--- /dev/null
+++ b/src/frontend/app/components/ServiceAlerts.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import "./ServiceAlerts.css";
+
+const ServiceAlerts: React.FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="service-alerts-container">
+      <h2 className="page-subtitle">{t("stoplist.service_alerts")}</h2>
+      <div className="service-alert info">
+        <div className="alert-icon">ℹ️</div>
+        <div className="alert-content">
+          <div className="alert-title">{t("stoplist.alerts_coming_soon")}</div>
+          <div className="alert-message">{t("stoplist.alerts_description")}</div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ServiceAlerts;
-- 
cgit v1.3

