Skip to content

Commit

Permalink
Merge pull request #51 from ConducereIT/regulament
Browse files Browse the repository at this point in the history 
added regulament
  • Loading branch information
@MDGcode
MDGcode authored Apr 12, 2024
2 parents 9743271 + 4ae09a9 commit db81840
Show file tree
Hide file tree
Showing 2 changed files with 126 additions and 55 deletions.
169 changes: 115 additions & 54 deletions client/src/components/Curse.component.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,66 +1,127 @@
import { CurseValide } from "../views/Curse.view";
import Regulament from "../assets/REGULAMENT-APV-2024.pdf";
const CurseComponent: React.FC<CurseValide> = ({ interfata }): JSX.Element => {
const { cursa, oraStart, distanta, donatieMinima, descriere, urlHarta } =
interfata || {};

const CurseComponent: React.FC<CurseValide> = ({ interfata}): JSX.Element => {
return (
<>
<div className="md:block hidden ml-8 pt-5">
{interfata && (
<div className="relative cursor-default">
<h1 className="text-5xl font-bolt">
{" "}
<span className="font-normal font-source-code-pro text-5xl">
Cursa -{" "}
</span>{" "}
{cursa}
</h1>
<h1 className="hover:text-[#A8A5BF] mt-10 font-bold ml-2">
Informatii Cursa:
</h1>
<div className=" ml-6 space-y-1 mb-3">
<p className="font-bolt">
{" "}
<span className="font-normal"> Ora start:</span> {oraStart}
</p>
<p className="font-bolt">
{" "}
<span className="font-normal">Distanta: </span> {distanta}{" "}
</p>
<p className="font-bolt">
{" "}
<span className="font-normal">Donatie minima: </span>{" "}
{donatieMinima}{" "}
</p>
</div>
<h1 className="hover:text-[#A8A5BF] mt-10">{descriere}</h1>

const { cursa, oraStart, distanta, donatieMinima, descriere, urlHarta } = interfata || {};

return (
<>
<div className="md:block hidden ml-8 pt-5">
{
interfata && (
<div className="relative cursor-default">
<h1 className="text-5xl font-bolt"> <span className="font-normal font-source-code-pro text-5xl">Cursa - </span> {cursa}</h1>
<h1 className="hover:text-[#A8A5BF] mt-10 font-bold ml-2">Informatii Cursa:</h1>
<div className=" ml-6 space-y-1 mb-3">
<p className="font-bolt"> <span className="font-normal"> Ora start:</span> {oraStart}</p>
<p className="font-bolt"> <span className="font-normal">Distanta: </span> {distanta} </p>
<p className="font-bolt"> <span className="font-normal">Donatie minima: </span> {donatieMinima} </p>
</div>
<h1 className="hover:text-[#A8A5BF] mt-10">{descriere}</h1>
<h1 className="mt-12 ml-3">
<span>Vezi mai jos harta traseului!</span>
</h1>

<h1 className="mt-12 ml-3"><span>Vezi mai jos harta traseului!</span></h1>
<h1 className="font-bolt text-xl mt-8">
<span className="font-normal">
Pentru mai multe informații consultați{" "}
</span>{" "}
<a href={Regulament} target="_blank">
regulamentul
</a>{" "}
<span className="font-normal"> ! </span>{" "}
</h1>

<h1 className="font-bolt text-xl mt-8"><span className="font-normal">Pentru mai multe informații consultați </span> regulamentul <span className="font-normal"> ! </span> </h1>
<div className="mt-10 h-[30rem] ml-1 w-1/2 ">
<iframe
src={`${urlHarta}`}
loading="lazy"
className="border-0 h-full w-full"
title={`${cursa}`}
></iframe>
</div>

<div className="mt-10 h-[30rem] ml-1 w-1/2 ">
<iframe src={`${urlHarta}`} loading="lazy" className="border-0 h-full w-full" title={`${cursa}`} ></iframe>
</div>
<br className=" mt-3" />
</div>
)}
</div>

<br className=" mt-3" />
</div>
)
}
</div>
<div className="md:hidden block ml-8 pt-5 ">
{interfata && (
<div className="relative cursor-default ">
<h1 className="text-center -ml-[20%] text-2xl font-bolt mt-4">
{" "}
<span className="font-normal font-source-code-pro text-2xl">
Cursa -{" "}
</span>{" "}
{cursa}
</h1>
<h1 className="hover:text-[#A8A5BF] mt-10 font-bold -ml-2">
Informatii Cursa:
</h1>
<div className=" space-y-1 mb-3 pl-6 -ml-4">
<p className="font-bolt">
{" "}
<span className="font-normal"> Ora start:</span> {oraStart}
</p>
<p className="font-bolt">
{" "}
<span className="font-normal">Distanta: </span> {distanta}{" "}
</p>
<p className="font-bolt">
{" "}
<span className="font-normal">Donatie minima: </span>{" "}
{donatieMinima}{" "}
</p>
</div>
<h1 className="hover:text-[#A8A5BF] -ml-2 mt-10 leading-7">
{descriere}
</h1>

<div className="md:hidden block ml-8 pt-5 ">
{
interfata && (
<div className="relative cursor-default ">
<h1 className="text-center -ml-[20%] text-2xl font-bolt mt-4"> <span className="font-normal font-source-code-pro text-2xl">Cursa - </span> {cursa}</h1>
<h1 className="hover:text-[#A8A5BF] mt-10 font-bold -ml-2">Informatii Cursa:</h1>
<div className=" space-y-1 mb-3 pl-6 -ml-4">
<p className="font-bolt"> <span className="font-normal"> Ora start:</span> {oraStart}</p>
<p className="font-bolt"> <span className="font-normal">Distanta: </span> {distanta} </p>
<p className="font-bolt"> <span className="font-normal">Donatie minima: </span> {donatieMinima} </p>
</div>
<h1 className="hover:text-[#A8A5BF] -ml-2 mt-10 leading-7">{descriere}</h1>
<h1 className="mt-12 -ml-2">
<span>Vezi mai jos harta traseului!</span>
</h1>

<h1 className="mt-12 -ml-2"><span>Vezi mai jos harta traseului!</span></h1>
<h1 className="font-bolt text-lg mt-8 -ml-2">
<span className="font-normal">
Pentru mai multe informații consultați{" "}
</span>{" "}
regulamentul <span className="font-normal"> ! </span>{" "}
</h1>

<h1 className="font-bolt text-lg mt-8 -ml-2"><span className="font-normal">Pentru mai multe informații consultați </span> regulamentul <span className="font-normal"> ! </span> </h1>
<div className="mt-10 h-[250px] ml-1 w-[250px] ">
<iframe
src={`${urlHarta}`}
loading="lazy"
className="border-0 h-full w-full"
title={`${cursa}`}
></iframe>
</div>

<div className="mt-10 h-[250px] ml-1 w-[250px] ">
<iframe src={`${urlHarta}`} loading="lazy" className="border-0 h-full w-full" title={`${cursa}`} ></iframe>
</div>
<br className=" mt-3" />
</div>
)}
</div>
</>
);
};

<br className=" mt-3" />
</div>
)
}
</div>
</>
);
}

export default CurseComponent;
export default CurseComponent;
12 changes: 11 additions & 1 deletion client/src/components/Faqs.component.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
import { IoIosArrowDown } from "react-icons/io";
import { FaqConfig } from "../config/FaqConfig";
import Regulament from "../assets/REGULAMENT-APV-2024.pdf";

export default function Faqs() {
return (
<>
<div className="flex justify-center">
<h1 className="mb-10 mt-24 text-4xl font-bold">Întrebări Frecvente</h1>
</div>
<div className="flex justify-center ">
<div className="flex justify-center mb-24">
<div className="lg:w-1/2 md:w-2/3 mx-5 md:mx-0 shadow-2xl ">
{FaqConfig.map((question, index) => (
<div
Expand All @@ -29,6 +30,15 @@ export default function Faqs() {
</div>
</div>
))}
<a href={Regulament} target="_blank">
<div className="group flex flex-col border-b border-black border-opacity-15 bg-white bg-grey-100 ">
<div className="flex cursor-pointer items-center justify-between border-dotted border-opacity-20 border-[1.2px] border-black p-4 duration-500 hover:bg-[#aff1f3]">
<span className=" text-xl text-gray-600 group-hover:translate-x-2 duration-500 ">
Regulament
</span>
</div>
</div>
</a>
</div>
</div>
</>
Expand Down

0 comments on commit db81840

Please sign in to comment.