Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-28 06:00:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

moved sign out and account buttons to settings

Browse source
This commit is contained in:
Gamebrary 2021-02-04 17:31:22 -07:00
parent e32fc5e67f
commit e53f1a4594
2 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/pages/Profile.vue
View file

@ -1,5 +1,18 @@
<template lang="html"> <template lang="html">
<b-container class="pt-3"> <b-container class="pt-3">
<div class="text-center my-4">
<b-avatar
v-if="user && user.photoURL"
v-b-tooltip.hover.right
variant="info"
badge-variant="danger"
:title="$t('navMenu.account')"
:src="user.photoURL"
/>
<h5 class="mt-2">{{ user.displayName }}</h5>
</div>
<div class="d-flex justify-content-between align-items-center mb-3"> <div class="d-flex justify-content-between align-items-center mb-3">
<h3 class="m-0">Profile</h3> <h3 class="m-0">Profile</h3>
</div> </div>
@ -31,34 +44,14 @@
<b-alert show>You can safely share this id when reporting bugs</b-alert> <b-alert show>You can safely share this id when reporting bugs</b-alert>
</b-list-group-item> </b-list-group-item>
<b-list-group-item :variant="nightMode ? 'dark' : null">
<b-button href="https://accounts.google.com/" target="_blank" variant="secondary">
Manage Google Account
</b-button>
</b-list-group-item>
<b-list-group-item :variant="nightMode ? 'dark' : null">
<delete-account />
</b-list-group-item>
<b-list-group-item :variant="nightMode ? 'dark' : null">
<sign-out />
</b-list-group-item>
</b-list-group> </b-list-group>
</b-container> </b-container>
</template> </template>
<script> <script>
import SignOut from '@/components/Settings/SignOut';
import DeleteAccount from '@/components/Settings/DeleteAccount';
import { mapState, mapGetters } from 'vuex'; import { mapState, mapGetters } from 'vuex';
export default { export default {
components: {
SignOut,
DeleteAccount,
},
computed: { computed: {
...mapState(['user']), ...mapState(['user']),

13
src/pages/Settings.vue
View file

@ -9,6 +9,15 @@
<hr /> <hr />
<b-button href="https://accounts.google.com/" target="_blank" variant="secondary">
Manage Google Account
</b-button>
<delete-account />
<sign-out />
<hr />
<b-list-group> <b-list-group>
<b-list-group-item :to="{ name: 'about' }"> <b-list-group-item :to="{ name: 'about' }">
<i class="fas fa-info fa-fw" aria-hidden /> <i class="fas fa-info fa-fw" aria-hidden />
@ -26,12 +35,16 @@
<script> <script>
import Languages from '@/components/Settings/Languages'; import Languages from '@/components/Settings/Languages';
import ThemeSelector from '@/components/Settings/ThemeSelector'; import ThemeSelector from '@/components/Settings/ThemeSelector';
import SignOut from '@/components/Settings/SignOut';
import DeleteAccount from '@/components/Settings/DeleteAccount';
import { mapState } from 'vuex'; import { mapState } from 'vuex';
export default { export default {
components: { components: {
Languages, Languages,
ThemeSelector, ThemeSelector,
SignOut,
DeleteAccount,
}, },
computed: { computed: {