diff --git a/src/components/Movie.vue b/src/components/Movie.vue index b758e75..71575ae 100644 --- a/src/components/Movie.vue +++ b/src/components/Movie.vue @@ -7,27 +7,10 @@ - - - - -

{{ movie.title }}

- +

{{ movie.title }}

+ @@ -75,7 +58,7 @@
-
{{ movie.overview }} @@ -211,13 +194,7 @@ export default { return numTorrents !== null ? numTorrents + ' results' : null }, isPlexAuthenticated: () => { - const settings = store.getters['userModule/settings'] - console.log('fetchedSettings', settings) - - if (settings == null || settings['plex_userid'] == null) - return false - - return true + return store.getters['userModule/isPlexAuthenticated'] } }, methods: { diff --git a/src/components/ui/SeasonedButton.vue b/src/components/ui/SeasonedButton.vue index 165668a..28da75d 100644 --- a/src/components/ui/SeasonedButton.vue +++ b/src/components/ui/SeasonedButton.vue @@ -9,7 +9,9 @@ export default { name: 'seasonedButton', props: { - active: Boolean + required: false, + active: Boolean, + default: false }, methods: { emit() { @@ -46,9 +48,16 @@ export default { padding: 6px 20px 5px 20px; } - body:not(.touch) &:hover, &:focus, &:active, &.active { + &:focus, &:active, &.active { background: $text-color; color: $background-color; } + + @media (hover: hover) { + &:hover { + background: $text-color; + color: $background-color; + } + } } diff --git a/src/modules/userModule.js b/src/modules/userModule.js index 655001d..dfa47bf 100644 --- a/src/modules/userModule.js +++ b/src/modules/userModule.js @@ -69,6 +69,10 @@ export default { ifMissingSettingsAndTokenExistsFetchSettings() return undefined + }, + isPlexAuthenticated: (state) => { + let hasPlexId = state.settings['plex_userid'] + return hasPlexId != undefined } }, mutations: {