utopia-ui/src/Components/Profile/Subcomponents/GroupSubHeaderView.tsx
2024-11-07 17:04:14 +01:00

35 lines
1017 B
TypeScript

/* eslint-disable @typescript-eslint/restrict-plus-operands */
/* eslint-disable camelcase */
import { Item } from '../../../types'
import SocialShareBar from './SocialShareBar'
export const GroupSubHeaderView = ({
item,
share_base_url,
}: {
item: Item
share_base_url: string
}) => (
<div className='tw-px-6'>
<div className='tw-float-left tw-mt-2 tw-mb-4 tw-flex tw-items-center'>
{item.status && (
<div className='tw-mt-1.5'>
<span className='tw-text-sm tw-text-current tw-bg-base-300 tw-rounded tw-py-0.5 tw-px-2 tw-inline-flex tw-items-center tw-mr-2'>
{item.status}
</span>
</div>
)}
{item.group_type && (
<div className='tw-mt-1.5'>
<span className='tw-text-sm tw-text-current tw-bg-base-300 tw-rounded tw-py-1 tw-px-2'>
{item.group_type}
</span>
</div>
)}
</div>
<div>
<SocialShareBar url={share_base_url + item.slug} title={item.name} />
</div>
</div>
)