32 lines
810 B
Vue
32 lines
810 B
Vue
<template>
|
|
<o-button
|
|
outlined
|
|
:icon-left="oauthProvider.id"
|
|
v-if="isProviderSelected && !oauthProvider.label"
|
|
:href="`/auth/${oauthProvider.id}`"
|
|
>
|
|
<span>{{ SELECTED_PROVIDERS[oauthProvider.id] }}</span></o-button
|
|
>
|
|
<o-button
|
|
outlined
|
|
:href="`/auth/${oauthProvider.id}`"
|
|
v-else-if="isProviderSelected"
|
|
icon-left="lock"
|
|
>
|
|
<span>{{ oauthProvider.label }}</span>
|
|
</o-button>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { computed } from "vue";
|
|
import { IOAuthProvider } from "@/types/config.model";
|
|
import { SELECTED_PROVIDERS } from "@/utils/auth";
|
|
|
|
const props = defineProps<{
|
|
oauthProvider: IOAuthProvider;
|
|
}>();
|
|
|
|
const isProviderSelected = computed((): boolean => {
|
|
return Object.keys(SELECTED_PROVIDERS).includes(props.oauthProvider.id);
|
|
});
|
|
</script>
|