rainbow-fe/src/lib/components/StatusControls.svelte

32 lines
738 B
Svelte

<script lang="ts">
import { session } from '$app/stores';
import type { MastodonStatus } from '$lib/mastoapi/status';
import type { InstanceInfo } from '$lib/mastoapi/util';
export let status: MastodonStatus;
// TODO: fave/boost buttons should send proper POST request
// reply button should open the composer
// the more button should have a popup with like, bookmark, pin, etc
</script>
{#if $session.instance.token}
<div class="status-controls">
<button>reply</button>
<button>favourite</button>
<button>boost</button>
<button>more</button>
</div>
{/if}
<style>
.status-controls {
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 0.5em;
}
</style>