diff --git a/public/logos/account-console.svg b/public/logos/account-console.svg new file mode 100644 index 0000000..e2b4cc0 --- /dev/null +++ b/public/logos/account-console.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/logos/curl.svg b/public/logos/curl.svg new file mode 100644 index 0000000..67e667e --- /dev/null +++ b/public/logos/curl.svg @@ -0,0 +1,92 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/logos/fd-discourse.svg b/public/logos/fd-discourse.svg new file mode 100644 index 0000000..4cbb8c8 --- /dev/null +++ b/public/logos/fd-discourse.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/public/logos/forgejo.svg b/public/logos/forgejo.svg new file mode 100644 index 0000000..9c46d82 --- /dev/null +++ b/public/logos/forgejo.svg @@ -0,0 +1,40 @@ + + + + + Forgejo logo + Caesar Schinas + + + + + + + + + + + + + diff --git a/public/logos/hedgedoc.svg b/public/logos/hedgedoc.svg new file mode 100644 index 0000000..e561ed3 --- /dev/null +++ b/public/logos/hedgedoc.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/logos/https___sentry.flipdot.org_saml_metadata_flipdot_.svg b/public/logos/https___sentry.flipdot.org_saml_metadata_flipdot_.svg new file mode 100644 index 0000000..6ddb425 --- /dev/null +++ b/public/logos/https___sentry.flipdot.org_saml_metadata_flipdot_.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/logos/paperless.svg b/public/logos/paperless.svg new file mode 100644 index 0000000..4f848cf --- /dev/null +++ b/public/logos/paperless.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/public/logos/tailscale.svg b/public/logos/tailscale.svg new file mode 100644 index 0000000..92cd42f --- /dev/null +++ b/public/logos/tailscale.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + diff --git a/public/logos/wikijs.svg b/public/logos/wikijs.svg new file mode 100644 index 0000000..720a7de --- /dev/null +++ b/public/logos/wikijs.svg @@ -0,0 +1,1029 @@ + + diff --git a/src/AppCard.tsx b/src/AppCard.tsx index 7023209..4e7b943 100644 --- a/src/AppCard.tsx +++ b/src/AppCard.tsx @@ -36,6 +36,12 @@ function AppCard({app}: { app: OIDCApplication }) { return part; }); + // replace characters from the client URL that are not suitable for urls or file names + + const filename = app.clientId.replace(/[^a-zA-Z0-9.-]/g, "_"); + + const logoUrl = `/logos/${filename}.svg`; + return

{app.clientName || app.clientId}

@@ -45,12 +51,15 @@ function AppCard({app}: { app: OIDCApplication }) {

{description}

- App Icon + App Icon { + e.currentTarget.src = "/fd.svg" + }}/>
{app.rootUrl} - {app.effectiveUrl ? : + {app.effectiveUrl ? + : Client ID: {app.clientId} }
diff --git a/src/AppCards.css b/src/AppCards.css index 048e33d..ab622a2 100644 --- a/src/AppCards.css +++ b/src/AppCards.css @@ -36,6 +36,7 @@ .app-card-body > .image img { width: 3em; + filter: drop-shadow(0 0 2px #ffffffaa); } .app-card-footer { diff --git a/tsconfig.app.json b/tsconfig.app.json index f867de0..5e6ff12 100644 --- a/tsconfig.app.json +++ b/tsconfig.app.json @@ -1,9 +1,9 @@ { "compilerOptions": { "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", - "target": "ES2020", + "target": "ES2021", "useDefineForClassFields": true, - "lib": ["ES2020", "DOM", "DOM.Iterable"], + "lib": ["ES2021", "DOM", "DOM.Iterable"], "module": "ESNext", "skipLibCheck": true,