mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Render inline SVGs correctly on the external secrets settings page (#12802)

Browse source
This commit is contained in:
कारतोफ्फेलस्क्रिप्ट™ 2025-01-23 14:48:08 +01:00 committed by GitHub
parent 43fc9eff6e
commit 5820ade1e4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/editor-ui/src/components/ExternalSecretsProviderImage.ee.vue
View file

@ -5,27 +5,20 @@ import { computed } from 'vue';
import infisical from '../assets/images/infisical.webp'; import infisical from '../assets/images/infisical.webp';
import doppler from '../assets/images/doppler.webp'; import doppler from '../assets/images/doppler.webp';
import vault from '../assets/images/hashicorp.webp'; import vault from '../assets/images/hashicorp.webp';
import awsSecretsManager from '../assets/images/aws-secrets-manager.svg'; import AwsSecretsManager from '../assets/images/aws-secrets-manager.svg';
import azureKeyVault from '../assets/images/azure-key-vault.svg'; import AzureKeyVault from '../assets/images/azure-key-vault.svg';
import gcpSecretsManager from '../assets/images/gcp-secrets-manager.svg'; import GcpSecretsManager from '../assets/images/gcp-secrets-manager.svg';
const props = defineProps<{ const { provider } = defineProps<{
provider: ExternalSecretsProvider; provider: ExternalSecretsProvider;
}>(); }>();
const image = computed( const image = computed(() => ({ doppler, infisical, vault })[provider.name]);
() =>
({
doppler,
infisical,
vault,
awsSecretsManager,
azureKeyVault,
gcpSecretsManager,
})[props.provider.name],
);
</script> </script>
<template> <template>
<img :src="image" :alt="provider.displayName" width="28" height="28" /> <AwsSecretsManager v-if="provider.name === 'awsSecretsManager'" />
<AzureKeyVault v-else-if="provider.name === 'azureKeyVault'" />
<GcpSecretsManager v-else-if="provider.name === 'gcpSecretsManager'" />
<img v-else :src="image" :alt="provider.displayName" width="28" height="28" />
</template> </template>