From 29e675e3d06cb61024ec07056a4e0a0d7b99734a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=81d=C3=A1m=20Kov=C3=A1cs?= <43071496+adam-kov@users.noreply.github.com> Date: Fri, 13 Jan 2023 08:48:31 +0100 Subject: [PATCH] feat(frontend): Add more integration icons (#1097) * feat(frontend): Add more integration icons * fix * fix --- .../lib/components/IconedResourceType.svelte | 6 ++-- .../lib/components/home/ListFilters.svelte | 6 +++- .../lib/components/icons/AppwriteIcon.svelte | 24 ++++++------- .../src/lib/components/icons/AwsIcon.svelte | 10 ++++++ .../lib/components/icons/BcryptIcon.svelte | 11 ++++++ .../{GItlabIcon.svelte => GitlabIcon.svelte} | 0 .../lib/components/icons/GoogleIcon.svelte | 11 ++++++ .../components/icons/HackernewsIcon.svelte | 16 +++++++++ .../lib/components/icons/MongodbIcon.svelte | 8 +++++ .../lib/components/icons/RedditIcon.svelte | 9 +++++ .../lib/components/icons/SupabaseIcon.svelte | 20 +++++++++++ .../lib/components/icons/WebdavIcon.svelte | 8 +++++ .../lib/components/icons/ZammadIcon.svelte | 24 +++++++++++++ frontend/src/lib/components/icons/index.ts | 35 +++++++++++++++++-- 14 files changed, 168 insertions(+), 20 deletions(-) create mode 100644 frontend/src/lib/components/icons/AwsIcon.svelte create mode 100644 frontend/src/lib/components/icons/BcryptIcon.svelte rename frontend/src/lib/components/icons/{GItlabIcon.svelte => GitlabIcon.svelte} (100%) create mode 100644 frontend/src/lib/components/icons/GoogleIcon.svelte create mode 100644 frontend/src/lib/components/icons/HackernewsIcon.svelte create mode 100644 frontend/src/lib/components/icons/MongodbIcon.svelte create mode 100644 frontend/src/lib/components/icons/RedditIcon.svelte create mode 100644 frontend/src/lib/components/icons/SupabaseIcon.svelte create mode 100644 frontend/src/lib/components/icons/WebdavIcon.svelte create mode 100644 frontend/src/lib/components/icons/ZammadIcon.svelte diff --git a/frontend/src/lib/components/IconedResourceType.svelte b/frontend/src/lib/components/IconedResourceType.svelte index 133db3d1f9..4d2abf6f80 100644 --- a/frontend/src/lib/components/IconedResourceType.svelte +++ b/frontend/src/lib/components/IconedResourceType.svelte @@ -8,16 +8,16 @@ export let width = '24px' export let center = false - $: name_prefix = name.split('_')[0] + $: iconComponent = APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]]
{#if !silent && !after} {name} {/if} - {#if APP_TO_ICON_COMPONENT[name_prefix]} + {#if iconComponent} - + {:else} diff --git a/frontend/src/lib/components/home/ListFilters.svelte b/frontend/src/lib/components/home/ListFilters.svelte index 840f5318f6..b53315d30f 100644 --- a/frontend/src/lib/components/home/ListFilters.svelte +++ b/frontend/src/lib/components/home/ListFilters.svelte @@ -9,6 +9,10 @@ export let filters: string[] export let selectedFilter: string | undefined = undefined export let resourceType = false + + function getIconComponent(name: string) { + return APP_TO_ICON_COMPONENT[name] || APP_TO_ICON_COMPONENT[name.split('_')[0]] + } {#if Array.isArray(filters) && filters.length > 0} @@ -28,7 +32,7 @@ > {#if resourceType} - + {:else if filter.startsWith('u/')} {:else if filter.startsWith('f/')} diff --git a/frontend/src/lib/components/icons/AppwriteIcon.svelte b/frontend/src/lib/components/icons/AppwriteIcon.svelte index 04c1568971..a90c2c3748 100644 --- a/frontend/src/lib/components/icons/AppwriteIcon.svelte +++ b/frontend/src/lib/components/icons/AppwriteIcon.svelte @@ -3,17 +3,15 @@ export let width = '24px' - - - + + + diff --git a/frontend/src/lib/components/icons/AwsIcon.svelte b/frontend/src/lib/components/icons/AwsIcon.svelte new file mode 100644 index 0000000000..783366407c --- /dev/null +++ b/frontend/src/lib/components/icons/AwsIcon.svelte @@ -0,0 +1,10 @@ + + + + + + + diff --git a/frontend/src/lib/components/icons/BcryptIcon.svelte b/frontend/src/lib/components/icons/BcryptIcon.svelte new file mode 100644 index 0000000000..609db1d0c6 --- /dev/null +++ b/frontend/src/lib/components/icons/BcryptIcon.svelte @@ -0,0 +1,11 @@ + + + + + + + + diff --git a/frontend/src/lib/components/icons/GItlabIcon.svelte b/frontend/src/lib/components/icons/GitlabIcon.svelte similarity index 100% rename from frontend/src/lib/components/icons/GItlabIcon.svelte rename to frontend/src/lib/components/icons/GitlabIcon.svelte diff --git a/frontend/src/lib/components/icons/GoogleIcon.svelte b/frontend/src/lib/components/icons/GoogleIcon.svelte new file mode 100644 index 0000000000..6f8856bace --- /dev/null +++ b/frontend/src/lib/components/icons/GoogleIcon.svelte @@ -0,0 +1,11 @@ + + + + + + + + diff --git a/frontend/src/lib/components/icons/HackernewsIcon.svelte b/frontend/src/lib/components/icons/HackernewsIcon.svelte new file mode 100644 index 0000000000..1d3fa0cede --- /dev/null +++ b/frontend/src/lib/components/icons/HackernewsIcon.svelte @@ -0,0 +1,16 @@ + + + + + + + + + + + + + diff --git a/frontend/src/lib/components/icons/MongodbIcon.svelte b/frontend/src/lib/components/icons/MongodbIcon.svelte new file mode 100644 index 0000000000..cb62f2898c --- /dev/null +++ b/frontend/src/lib/components/icons/MongodbIcon.svelte @@ -0,0 +1,8 @@ + + + + + diff --git a/frontend/src/lib/components/icons/RedditIcon.svelte b/frontend/src/lib/components/icons/RedditIcon.svelte new file mode 100644 index 0000000000..e0a31d4566 --- /dev/null +++ b/frontend/src/lib/components/icons/RedditIcon.svelte @@ -0,0 +1,9 @@ + + + + + + diff --git a/frontend/src/lib/components/icons/SupabaseIcon.svelte b/frontend/src/lib/components/icons/SupabaseIcon.svelte new file mode 100644 index 0000000000..0299482fcf --- /dev/null +++ b/frontend/src/lib/components/icons/SupabaseIcon.svelte @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + diff --git a/frontend/src/lib/components/icons/WebdavIcon.svelte b/frontend/src/lib/components/icons/WebdavIcon.svelte new file mode 100644 index 0000000000..31a1213ac6 --- /dev/null +++ b/frontend/src/lib/components/icons/WebdavIcon.svelte @@ -0,0 +1,8 @@ + + + + + diff --git a/frontend/src/lib/components/icons/ZammadIcon.svelte b/frontend/src/lib/components/icons/ZammadIcon.svelte new file mode 100644 index 0000000000..2e1b06eba0 --- /dev/null +++ b/frontend/src/lib/components/icons/ZammadIcon.svelte @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/lib/components/icons/index.ts b/frontend/src/lib/components/icons/index.ts index 7b9a03b5c8..fcc903bbfa 100644 --- a/frontend/src/lib/components/icons/index.ts +++ b/frontend/src/lib/components/icons/index.ts @@ -5,7 +5,7 @@ import GcalIcon from './GcalIcon.svelte' import GCloudIcon from './GCloudIcon.svelte' import GdriveIcon from './GdriveIcon.svelte' import GithubIcon from './GithubIcon.svelte' -import GitlabIcon from './GItlabIcon.svelte' +import GitlabIcon from './GitlabIcon.svelte' import GmailIcon from './GmailIcon.svelte' import GSheetsIcon from './GSheetsIcon.svelte' import HttpIcon from './HttpIcon.svelte' @@ -35,12 +35,20 @@ import ClickhouseIcon from './ClickhouseIcon.svelte' import OpenaiIcon from './OpenaiIcon.svelte' import AppwriteIcon from './AppwriteIcon.svelte' import LinkdingIconSvelte from './LinkdingIcon.svelte' +import AwsIcon from './AwsIcon.svelte' +import BcryptIcon from './BcryptIcon.svelte' +import GoogleIcon from './GoogleIcon.svelte' +import HackernewsIcon from './HackernewsIcon.svelte' +import MongodbIcon from './MongodbIcon.svelte' +import RedditIcon from './RedditIcon.svelte' +import SupabaseIcon from './SupabaseIcon.svelte' +import WebdavIcon from './WebdavIcon.svelte' +import ZammadIcon from './ZammadIcon.svelte' export const APP_TO_ICON_COMPONENT = { postgresql: PostgresIcon, mysql: Mysql, smtp: Mail, - mongodb: DbIcon, slack: Slack, github: GithubIcon, gmail: GmailIcon, @@ -76,7 +84,17 @@ export const APP_TO_ICON_COMPONENT = { clickhouse: ClickhouseIcon, openai: OpenaiIcon, appwrite: AppwriteIcon, - linkding: LinkdingIconSvelte + linkding: LinkdingIconSvelte, + aws: AwsIcon, + bcrypt: BcryptIcon, + google: GoogleIcon, + hackernews: HackernewsIcon, + mongodb: MongodbIcon, + reddit: RedditIcon, + supabase: SupabaseIcon, + webdav: WebdavIcon, + zammad: ZammadIcon, + nextcloud: NextcloudIcon, } as const export { @@ -112,4 +130,15 @@ export { FaunadbIcon, ClickhouseIcon, OpenaiIcon, + AwsIcon, + BcryptIcon, + GoogleIcon, + HackernewsIcon, + MongodbIcon, + RedditIcon, + SupabaseIcon, + WebdavIcon, + ZammadIcon, + NextcloudIcon, + SendflakeIcon, }