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

feat: cleanup external links in WelcomeModal

Browse Source
master
Katja Lutz 2 years ago
parent 9c56487918
commit bc3c67f39c
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File

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

@ -38,6 +38,8 @@ import { markdownHelpUrl } from "./Markdown";
export const description = export const description =
"Räppli ist eine freie Web App zur Erstellung von Schweizerischen Rechnungen inklusive QR-Code. Erfasse deine Rechnungspositionen und erhalte unmittelbar eine druckbare Rechnung."; "Räppli ist eine freie Web App zur Erstellung von Schweizerischen Rechnungen inklusive QR-Code. Erfasse deine Rechnungspositionen und erhalte unmittelbar eine druckbare Rechnung.";
const externalLinkClass = "inline-flex items-center gap-1";
const WelcomeModal: Component = (props) => { const WelcomeModal: Component = (props) => {
const [localState, setLocalState, localStateMounted] = const [localState, setLocalState, localStateMounted] =
useContext(LocalStoreContext)!; useContext(LocalStoreContext)!;
@ -135,7 +137,7 @@ const WelcomeModal: Component = (props) => {
<> <>
Fredi Niklaus ( Fredi Niklaus (
<a <a
class="inline-flex items-center gap-1" class={externalLinkClass}
href="https://www.remedyit.ch/" href="https://www.remedyit.ch/"
{...externalLink} {...externalLink}
> >
@ -322,7 +324,7 @@ const WelcomeModal: Component = (props) => {
<p> <p>
Lufrai ist die Einzelfirma von{" "} Lufrai ist die Einzelfirma von{" "}
<a <a
class="inline-flex items-center gap-2" class={externalLinkClass}
href="https://lufrai.org/katjalutz" href="https://lufrai.org/katjalutz"
{...externalLink} {...externalLink}
> >
@ -332,7 +334,7 @@ const WelcomeModal: Component = (props) => {
für eine unabhängige, freie Schweiz ein und unterstützt ihre für eine unabhängige, freie Schweiz ein und unterstützt ihre
souveränen Mitmenschen, das Steuer selbst in die Hand zu nehmen. souveränen Mitmenschen, das Steuer selbst in die Hand zu nehmen.
<a <a
class="btn btn-sm inline-flex ml-3 items-center gap-2" class="btn btn-sm inline-flex ml-3 items-center gap-1"
href="https://lufrai.org" href="https://lufrai.org"
{...externalLink} {...externalLink}
> >
@ -408,7 +410,7 @@ const WelcomeModal: Component = (props) => {
haben, dass du irgendwann keine Rechnungen mehr schreiben darfst. haben, dass du irgendwann keine Rechnungen mehr schreiben darfst.
Lizenziert ist Räppli mit{" "} Lizenziert ist Räppli mit{" "}
<a <a
class="inline-flex items-center gap-1" class={externalLinkClass}
href="https://git.lufrai.com/rappli/rappli/raw/branch/master/LICENSE" href="https://git.lufrai.com/rappli/rappli/raw/branch/master/LICENSE"
> >
MIT MIT
@ -416,7 +418,7 @@ const WelcomeModal: Component = (props) => {
</a> </a>
. .
<a <a
class="btn btn-sm inline-flex ml-3 items-center gap-2" class="btn btn-sm inline-flex ml-3 items-center gap-1"
href="https://git.lufrai.com/rappli/rappli" href="https://git.lufrai.com/rappli/rappli"
{...externalLink} {...externalLink}
> >
@ -437,7 +439,7 @@ const WelcomeModal: Component = (props) => {
<ul> <ul>
<li> <li>
<a <a
class="flex items-center gap-2" class={externalLinkClass}
href="https://www.solidjs.com/" href="https://www.solidjs.com/"
{...externalLink} {...externalLink}
> >
@ -447,7 +449,7 @@ const WelcomeModal: Component = (props) => {
</li> </li>
<li> <li>
<a <a
class="flex items-center gap-2" class={externalLinkClass}
href="https://tailwindcss.com/" href="https://tailwindcss.com/"
{...externalLink} {...externalLink}
> >
@ -457,7 +459,7 @@ const WelcomeModal: Component = (props) => {
</li> </li>
<li> <li>
<a <a
class="flex items-center gap-2" class={externalLinkClass}
href="https://daisyui.com/" href="https://daisyui.com/"
{...externalLink} {...externalLink}
> >
@ -467,7 +469,7 @@ const WelcomeModal: Component = (props) => {
</li> </li>
<li> <li>
<a <a
class="flex items-center gap-2" class={externalLinkClass}
href="https://sortablejs.github.io/Sortable/" href="https://sortablejs.github.io/Sortable/"
{...externalLink} {...externalLink}
> >
@ -477,7 +479,7 @@ const WelcomeModal: Component = (props) => {
</li> </li>
<li> <li>
<a <a
class="flex items-center gap-2" class={externalLinkClass}
href="https://remark.js.org/" href="https://remark.js.org/"
{...externalLink} {...externalLink}
> >
@ -493,12 +495,12 @@ const WelcomeModal: Component = (props) => {
<p> <p>
An dieser Stelle möchte ich mich bei der Community von{" "} An dieser Stelle möchte ich mich bei der Community von{" "}
<a <a
class="inline-flex items-center gap-1 mr-1" class={externalLinkClass}
href="https://www.solidjs.com/" href="https://www.solidjs.com/"
{...externalLink} {...externalLink}
> >
Solid <ExternalLinkIcon /> Solid <ExternalLinkIcon />
</a> </a>{" "}
bedanken, nicht nur für ihr verblüffend effektives Open Source bedanken, nicht nur für ihr verblüffend effektives Open Source
Web-Framework, sondern auch für ihre Offenheit, Anregungen und Web-Framework, sondern auch für ihre Offenheit, Anregungen und
cleveren Tipps! cleveren Tipps!
@ -540,7 +542,7 @@ const WelcomeModal: Component = (props) => {
funktionieren, müssen jedoch unweigerlich einige Daten funktionieren, müssen jedoch unweigerlich einige Daten
übertragen werden, wie z.B. deine IP-Adresse. Erfahre{" "} übertragen werden, wie z.B. deine IP-Adresse. Erfahre{" "}
<a <a
class="inline-flex items-center gap-1" class={externalLinkClass}
href="https://t3n.de/news/tcp-ip-internet-grundlagen-755667/" href="https://t3n.de/news/tcp-ip-internet-grundlagen-755667/"
{...externalLink} {...externalLink}
> >
@ -589,7 +591,7 @@ const WelcomeModal: Component = (props) => {
Lufrai auf{" "} Lufrai auf{" "}
<a <a
href="https://lufrai.org/impressum/" href="https://lufrai.org/impressum/"
class="inline-flex items-center gap-1 mr-2" class={externalLinkClass}
{...externalLink} {...externalLink}
> >
Kontakt <ExternalLinkIcon /> Kontakt <ExternalLinkIcon />
@ -644,7 +646,7 @@ const WelcomeModal: Component = (props) => {
Erfahre{" "} Erfahre{" "}
<a <a
href={markdownHelpUrl} href={markdownHelpUrl}
class="inline-flex items-center gap-1" class={externalLinkClass}
{...externalLink} {...externalLink}
> >
hier <ExternalLinkIcon /> hier <ExternalLinkIcon />
@ -704,7 +706,7 @@ const WelcomeModal: Component = (props) => {
<li> <li>
Installiere{" "} Installiere{" "}
<a <a
class="inline-flex items-center gap-1" class={externalLinkClass}
href="https://nodejs.org/en/" href="https://nodejs.org/en/"
{...externalLink} {...externalLink}
> >

Write Preview
Loading…
Cancel
Save