refactor: rename AcordionItem to AccordionItem in WelcomeModal

src/components/WelcomeModal.tsx

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