forked from cybrespace/pinafore
33 lines
949 B
HTML
33 lines
949 B
HTML
<div role="feed" aria-label="Pinned toots" class="pinned-statuses">
|
|
{{#if pinnedStatuses}}
|
|
{{#each pinnedStatuses as status, index}}
|
|
<Status :status
|
|
timelineType="pinned"
|
|
timelineValue="{{accountId}}"
|
|
:index
|
|
length="{{pinnedStatuses.length}}"
|
|
/>
|
|
{{/each}}
|
|
{{/if}}
|
|
</div>
|
|
<script>
|
|
import { store } from '../../_store/store'
|
|
import Status from '../status/Status.html'
|
|
import { updatePinnedStatusesForAccount } from '../../_actions/pinnedStatuses'
|
|
|
|
export default {
|
|
async oncreate () {
|
|
let { accountId } = this.get()
|
|
await updatePinnedStatusesForAccount(accountId)
|
|
},
|
|
computed: {
|
|
pinnedStatuses: ($pinnedStatuses, $currentInstance, accountId) => {
|
|
return $pinnedStatuses[$currentInstance] && $pinnedStatuses[$currentInstance][accountId]
|
|
}
|
|
},
|
|
store: () => store,
|
|
components: {
|
|
Status
|
|
}
|
|
}
|
|
</script> |