partypages/party-template
Template
2
0
Fork 2
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ihr ihr ihr

Browse Source
This commit is contained in:
Simon Schwarz 2025-10-21 17:32:01 +02:00
parent f942c73b02
commit 52ca7a2b0f
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/PartyPage.tsx
View File

@ -40,6 +40,7 @@ export const PartyPage: React.FC = () => {
const partyContext = useContext(PartyContext); const partyContext = useContext(PartyContext);
const dear = myDear[partyContext.self.grammatical_gender]; const dear = myDear[partyContext.self.grammatical_gender];
const name = partyContext.self.name; const name = partyContext.self.name;
const isMehrzahl = partyContext.self.grammatical_gender === "d";
const wannUndWoRef = useRef<HTMLDivElement>(null) const wannUndWoRef = useRef<HTMLDivElement>(null)
const executeScroll = () => { const executeScroll = () => {
wannUndWoRef.current!.scrollIntoView({ behavior: 'smooth' }) wannUndWoRef.current!.scrollIntoView({ behavior: 'smooth' })
@ -64,13 +65,13 @@ export const PartyPage: React.FC = () => {
<div className='hero-outer'></div> <div className='hero-outer'></div>
<h1>Hallo {dear} {name},</h1> <h1>Hallo {dear} {name},</h1>
<p> <p>
wir laden dich am <strong>Freitag, den 19. Dezember</strong> herzlich ein, mit uns zu feiern! wir laden {isMehrzahl ? 'euch' : 'dich'} am <strong>Freitag, den 19. Dezember</strong> herzlich ein, mit uns zu feiern!
</p> </p>
<p> <p>
Ab <strong>19:00</strong> veranstalten wir nämlich wieder unsere alljährliche Weihnachtsparty! Ab <strong>19:00</strong> veranstalten wir nämlich wieder unsere alljährliche Weihnachtsparty!
</p> </p>
<p> <p>
Wir würden uns sehr freuen, wenn auch du, {dear} {name}, dabei bist :) Wir würden uns sehr freuen, wenn auch {isMehrzahl ? 'ihr' : 'du'}, {dear} {name}, {isMehrzahl ? 'dabei seid' : 'dabei bist'} :)
</p> </p>
<div className='feedback'> <div className='feedback'>
<input type="radio" id="coming-yes" name="coming" value="yes" checked={comingState === "yes"} onChange={handleSelect} /> <input type="radio" id="coming-yes" name="coming" value="yes" checked={comingState === "yes"} onChange={handleSelect} />