rappli
/
rappli
1
1
Fork 0
Code Issues 16 Pull Requests Releases Activity

refactor: rename AcordionItem to AccordionItem in WelcomeModal

Browse Source
master
Katja Lutz 2 years ago
parent bd52b8b0f1
commit 733296d03c
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File

42
src/components/WelcomeModal.tsx
Unescape Escape View File

@ -40,7 +40,7 @@ export const description =
const WelcomeModal: Component = (props) => { const WelcomeModal: Component = (props) => {
const [localState, setLocalState, localStateMounted] = const [localState, setLocalState, localStateMounted] =
useContext(LocalStoreContext)!; useContext(LocalStoreContext)!;
const [AcordionItem] = createAccordion(); const [AccordionItem] = createAccordion();
let subtitleEl: HTMLSpanElement = undefined!; let subtitleEl: HTMLSpanElement = undefined!;
const isOpen = createMemo(() => { const isOpen = createMemo(() => {
return localStateMounted() && localState.showWelcome; return localStateMounted() && localState.showWelcome;
@ -513,7 +513,7 @@ const WelcomeModal: Component = (props) => {
<section class="mt-16"> <section class="mt-16">
<h2 id="welcome-faq">Häufig gestellte Fragen</h2> <h2 id="welcome-faq">Häufig gestellte Fragen</h2>
<div class="text-black"> <div class="text-black">
<AcordionItem <AccordionItem
id="welcome-privacy" id="welcome-privacy"
label={"1. Wo werden welche Daten gespeichert?"} label={"1. Wo werden welche Daten gespeichert?"}
alignCenter={false} alignCenter={false}
@ -549,26 +549,26 @@ const WelcomeModal: Component = (props) => {
wie das Internet funktioniert. wie das Internet funktioniert.
</li> </li>
</ul> </ul>
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
label="2. Ich habe vergessen zu speichern, was nun?!" label="2. Ich habe vergessen zu speichern, was nun?!"
alignCenter={false} alignCenter={false}
> >
Deine Daten werden auf keinem Server gespeichert. Lerne aus dem Deine Daten werden auf keinem Server gespeichert. Lerne aus dem
Malheur und speichere ab sofort regelmässig{" "} Malheur und speichere ab sofort regelmässig{" "}
<HugIcon class="inline" />! <HugIcon class="inline" />!
</AcordionItem> </AccordionItem>
<AcordionItem label="3. Werden meine Nutzungsdaten zu Marketingzwecken gesammelt?"> <AccordionItem label="3. Werden meine Nutzungsdaten zu Marketingzwecken gesammelt?">
<strong>Nein</strong>, vorausgesetzt du verwendest das <strong>Nein</strong>, vorausgesetzt du verwendest das
offizielle Räppli über rappli.ch und keine modizifierte Version. offizielle Räppli über rappli.ch und keine modizifierte Version.
Lufrai legt Wert auf deine Privatsphäre. Es werden keine Lufrai legt Wert auf deine Privatsphäre. Es werden keine
Nutzungsdaten an Google, Facebook oder ähnliche Riesen Nutzungsdaten an Google, Facebook oder ähnliche Riesen
übermittelt. übermittelt.
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
label={ label={
<> <>
4. Ich habe einen Anpassungswunsch! 4. Ich habe einen Anpassungswunsch!
@ -579,9 +579,9 @@ const WelcomeModal: Component = (props) => {
alignCenter={false} alignCenter={false}
> >
test test
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
id="welcome-agile" id="welcome-agile"
label={ label={
<div> <div>
@ -593,9 +593,9 @@ const WelcomeModal: Component = (props) => {
alignCenter={false} alignCenter={false}
> >
test test
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
label={"6. Welche Geräte werden unterstützt?"} label={"6. Welche Geräte werden unterstützt?"}
alignCenter={false} alignCenter={false}
> >
@ -606,9 +606,9 @@ const WelcomeModal: Component = (props) => {
erreicht, jedoch sind auch "Google Chrome" basierte Browser erreicht, jedoch sind auch "Google Chrome" basierte Browser
geeignet. Verwende einen aktuellen Browser! geeignet. Verwende einen aktuellen Browser!
</p> </p>
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
label={ label={
<div> <div>
7. Können Fliesstexte formatiert werden? 7. Können Fliesstexte formatiert werden?
@ -619,9 +619,9 @@ const WelcomeModal: Component = (props) => {
alignCenter={false} alignCenter={false}
> >
test test
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
id="welcome-local-installation" id="welcome-local-installation"
label={<div>8. Kann Räppli lokal installiert werden?</div>} label={<div>8. Kann Räppli lokal installiert werden?</div>}
alignCenter={false} alignCenter={false}
@ -674,9 +674,9 @@ const WelcomeModal: Component = (props) => {
erreichen. erreichen.
</li> </li>
</ul> </ul>
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
label={ label={
<div> <div>
9. Wie präzise wurden die SIX QR-Rechnung Vorgaben 9. Wie präzise wurden die SIX QR-Rechnung Vorgaben
@ -695,9 +695,9 @@ const WelcomeModal: Component = (props) => {
Mittel der Schweizer Regierung zur Verfügung standen, wurde Mittel der Schweizer Regierung zur Verfügung standen, wurde
das Rad nicht komplett neu erfunden. das Rad nicht komplett neu erfunden.
</p> </p>
</AcordionItem> </AccordionItem>
<AcordionItem <AccordionItem
label={<div>10. Haftungsausschluss</div>} label={<div>10. Haftungsausschluss</div>}
alignCenter={false} alignCenter={false}
> >
@ -717,7 +717,7 @@ const WelcomeModal: Component = (props) => {
</a> </a>
. .
</p> </p>
</AcordionItem> </AccordionItem>
</div> </div>
</section> </section>
</div> </div>

Write Preview
Loading…
Cancel
Save