(login) show login only when not logged in

This commit is contained in:
Julien Calixte
2023-07-16 15:33:51 +02:00
parent 681fce6303
commit 65ac0acb83

View File

@@ -1,9 +1,12 @@
<script lang="ts" setup> <script lang="ts" setup>
import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
const GITHUB_URL = 'https://github.com/login/oauth/authorize' const GITHUB_URL = 'https://github.com/login/oauth/authorize'
const CLIENT_ID = 'Iv1.12dc43d013ce3623' const CLIENT_ID = 'Iv1.12dc43d013ce3623'
const SCOPE = 'repo' const SCOPE = 'repo'
const REDIRECT_URI = window.location.origin const REDIRECT_URI = window.location.origin
const { isLogged } = useGitHubLogin()
const url = new URL(GITHUB_URL) const url = new URL(GITHUB_URL)
url.searchParams.set('client_id', CLIENT_ID) url.searchParams.set('client_id', CLIENT_ID)
@@ -14,7 +17,7 @@ const href = url.toString()
</script> </script>
<template> <template>
<a :href="href" class="sign-in-github button is-primary"> <a :href="href" class="sign-in-github button is-primary" v-if="!isLogged">
<span> <span>
Sign in with Sign in with
<img src="@/assets/icons/github.svg" alt="GitHub" /> <img src="@/assets/icons/github.svg" alt="GitHub" />