wildebeest/frontend/src/components/layout/LeftColumn/LeftColumn.tsx

22 wiersze
701 B
TypeScript

import { component$, useContext } from '@builder.io/qwik'
import { InstanceConfigContext } from '~/utils/instanceConfig'
import { useDomain } from '~/utils/useDomain'
export default component$(() => {
const domain = useDomain()
const config = useContext(InstanceConfigContext)
return (
<div class="hidden xl:block text-sm">
<p class="text-wildebeest-400">
<span class="text-semi">{domain}</span> is part of the decentralized social network powered by{' '}
<a href="https://github.com/cloudflare/wildebeest">Wildebeest</a>.
</p>
<div>
<img class="w-full" src={config.thumbnail} alt="Wildebeest instance thumbnail" />
<p>{config.description}</p>
</div>
</div>
)
})