Fixed default actor avatar allocation. Fixed lazy loading in actor photos component.

This commit is contained in:
DebaucheryLibrarian
2020-12-27 22:45:38 +01:00
parent f58c07137a
commit ded414577f
6 changed files with 12 additions and 20 deletions

View File

@@ -1,6 +1,5 @@
<template>
<div
v-lazy-container
class="photos"
:class="{
avatar: !!actor.avatar,
@@ -8,7 +7,7 @@
}"
>
<a
v-show="actor.avatar"
v-if="actor.avatar"
:href="`/media/${actor.avatar.path}`"
target="_blank"
rel="noopener noreferrer"

View File

@@ -12,7 +12,6 @@
<div
v-if="!loading && actors.length > 0"
v-lazy-container="{ selector: '.lazy' }"
class="tiles"
>
<Actor

View File

@@ -12,8 +12,8 @@ function initActorActions(store, router) {
range = 'latest',
}) {
const { before, after, orderBy } = getDateRange(range);
const includedTags = router.currentRoute.query.tags ? router.currentRoute.query.tags.split(',') : [];
const mode = router.currentRoute.query.mode || 'all';
const includedTags = router.currentRoute.value.query.tags ? router.currentRoute.value.query.tags.split(',') : [];
const mode = router.currentRoute.value.query.mode || 'all';
const { actor } = await graphql(`
query Actor(

View File

@@ -324,8 +324,8 @@ const releaseFragment = `
`;
function getIncludedEntities(router) {
const includedChannels = router.currentRoute.query.channels ? router.currentRoute.query.channels.split(',') : [];
const includedNetworks = router.currentRoute.query.networks ? router.currentRoute.query.networks.split(',') : [];
const includedChannels = router.currentRoute.value.query.channels ? router.currentRoute.value.query.channels.split(',') : [];
const includedNetworks = router.currentRoute.value.query.networks ? router.currentRoute.value.query.networks.split(',') : [];
if (includedChannels.length === 0 && includedNetworks.length === 0) {
return [];
@@ -365,7 +365,7 @@ function getIncludedEntities(router) {
}
function getIncludedActors(router) {
const includedActors = router.currentRoute.query.actors ? router.currentRoute.query.actors.split(',') : [];
const includedActors = router.currentRoute.value.query.actors ? router.currentRoute.value.query.actors.split(',') : [];
if (includedActors.length === 0) {
return [];

View File

@@ -1,4 +1,4 @@
import { createApp, reactive } from 'vue';
import { createApp } from 'vue';
import dayjs from 'dayjs';
import mitt from 'mitt';
@@ -17,7 +17,7 @@ import Footer from '../components/footer/footer.vue';
import Tooltip from '../components/tooltip/tooltip.vue';
async function init() {
const store = initStore(reactive(router));
const store = initStore(router);
const app = createApp(Container);
const events = mitt();