added Stellen onto Main Page

kevinriex · Nov 7, 2023 · 27079f4 · 27079f4
1 parent 49263a9
commit 27079f4
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/src/app/components/ServiceLink.jsx b/src/app/components/ServiceLink.jsx
@@ -9,7 +9,7 @@ export default function ServiceLink({ name, href, desc, icon }) {
             <div>
                 <h3 className="fs-4 text-body-emphasis">{name}</h3>
                 <p>{desc}</p>
-                <StyledLink href={href} button={true} />
+                {href ? <StyledLink href={href} button={true} /> : ""}
             </div>
         </div>
     );

diff --git a/src/app/components/Services.jsx b/src/app/components/Services.jsx
@@ -4,6 +4,7 @@ import { faFacebook } from "@fortawesome/free-brands-svg-icons";
 import { faCircle } from "@fortawesome/free-regular-svg-icons";
 import {
     faBook,
+    faBookmark,
     faCalendarDays,
     faChild,
     faEarthEurope,
@@ -76,7 +77,12 @@ const LinkSammlung = [
         {
             name: "Aktuelle Informationen",
             href: "https://facebook.com/DeinRatingen/",
-            desc: <>Hier gelangen Sie zur Facebook-Seite <em>„Dein Ratingen“</em>.</>,
+            desc: (
+                <>
+                    Hier gelangen Sie zur Facebook-Seite{" "}
+                    <em>„Dein Ratingen“</em>.
+                </>
+            ),
             icon: <FontAwesomeIcon icon={faFacebook} />,
         },
     ],
@@ -93,12 +99,32 @@ const LinkSammlung = [
             desc: "Hier finden Sie alle Schulen.",
             icon: <FontAwesomeIcon icon={faGraduationCap} />,
         },
+        {
+            name: "Stellenangebote",
+            href: "/stellen",
+            desc: "Hier finden Sie eine Übersicht aktueller Ausschreibungsverfahren bei der Stadt Ratingen.",
+            icon: <FontAwesomeIcon icon={faBookmark} />,
+        },
+    ],
+    [
+        {
+            name: "",
+            href: "",
+            desc: "",
+            icon: <></>,
+        },
         {
             name: "Kreis Mettmann",
             href: "https://kreis-mettmann.de",
             desc: "Die Website des Kreises Mettmann.",
             icon: <FontAwesomeIcon icon={faCircle} />,
         },
+        {
+            name: "",
+            href: "",
+            desc: "",
+            icon: <></>,
+        },
     ],
 ];