diff --git a/apps/frontend/src/components/lastSection/_lastSection.sass b/apps/frontend/src/components/lastSection/_lastSection.sass new file mode 100644 index 0000000..c64433f --- /dev/null +++ b/apps/frontend/src/components/lastSection/_lastSection.sass @@ -0,0 +1,28 @@ +@use "~/sass/star4" + +.last-section + display: flex + flex-direction: column + text-align: center + margin-top: 5rem + @include star4.layout(compact, compact) + margin-top: 10rem + &__container + border: solid .1rem black + border-radius: 3rem + padding: 1rem + margin-bottom: 3rem + &__p + font-size: 1rem + @include star4.layout(compact, compact) + font-size: 1.3rem + line-height: 130% + @include star4.typescale(body, large) + &__h2 + font-size: 1.5rem + text-align: center + margin-bottom: 5rem + @include star4.typescale(headline, medium) + @include star4.layout(compact, compact) + font-size: 1.5rem + line-height: 130% diff --git a/apps/frontend/src/components/lastSection/lastSection.jsx b/apps/frontend/src/components/lastSection/lastSection.jsx new file mode 100644 index 0000000..6a874f9 --- /dev/null +++ b/apps/frontend/src/components/lastSection/lastSection.jsx @@ -0,0 +1,33 @@ +import { useStableCallback } from "@tanstack/react-router"; +import { memo, useEffect, useState } from "react"; +import "./_lastSection.sass"; + +const LastSectionComponent = function LastSection() { + const [data, setData] = useState(null); + useEffect(() => { + async function fetchData() { + return await fetch("http://localhost:5000/event"); + } + setData( + fetchData().map((text) => { + return ( +
{text}
+