diff --git a/src/components/layout/sponsors.tsx b/src/components/layout/sponsors.tsx index 4d3367f..27f12be 100644 --- a/src/components/layout/sponsors.tsx +++ b/src/components/layout/sponsors.tsx @@ -1,6 +1,11 @@ import {queryOptions, useSuspenseQuery} from "@tanstack/react-query"; import {Suspense} from "react"; +import ZoliImage from "./../../zoli.png"; +import CommitteeImage from "./../../winner_committee.png"; +import {useCommittees} from "queries/committees"; import api from "./../../api"; +import {useSelectMember} from "../orders-context"; +import {useMembers} from "../../queries/members"; const sponsorsQueryOptions = queryOptions({ queryKey: ["sponsors"], @@ -15,9 +20,42 @@ const sponsorsQueryOptions = queryOptions({ const SponsorsList = () => { const sponsors = useSuspenseQuery(sponsorsQueryOptions); + const selectMember = useSelectMember(); + const {members} = useMembers(); + const {committees, selectCommittee} = useCommittees(); + const zoli = members.find((member) => { + return member.id === 2940; + }); + const bestCommittee = committees.find((committee) => committee.id === 419); return ( <> + {zoli && ( +
  • + {"Zoltán { + selectMember(zoli); + }} + /> +
  • + )} + {bestCommittee && ( +
  • + {"Winner { + selectCommittee(bestCommittee); + }} + /> +
  • + )} {sponsors.data.map(({name, image}, idx) => { return (
  • diff --git a/src/winner_committee.png b/src/winner_committee.png new file mode 100644 index 0000000..5dc4aac Binary files /dev/null and b/src/winner_committee.png differ diff --git a/src/zoli.png b/src/zoli.png new file mode 100644 index 0000000..822e62f Binary files /dev/null and b/src/zoli.png differ