ChatPageSidebar: add new chat icon (non-functional)

This commit is contained in:
Alex Gleason 2022-09-22 17:18:27 -05:00
parent cbd7089166
commit 3c9ffd30b1
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7

View file

@ -1,7 +1,7 @@
import React, { useState } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { CardTitle, Stack } from 'soapbox/components/ui';
import { CardTitle, HStack, IconButton, Stack } from 'soapbox/components/ui';
import { useChatContext } from 'soapbox/contexts/chat-context';
import { useDebounce, useFeatures } from 'soapbox/hooks';
import { IChat } from 'soapbox/queries/chats';
@ -27,7 +27,14 @@ const ChatPageSidebar = () => {
return (
<Stack space={4} className='h-full'>
<Stack space={4} className='px-4 pt-4'>
<CardTitle title={intl.formatMessage(messages.title)} />
<HStack alignItems='center' justifyContent='between'>
<CardTitle title={intl.formatMessage(messages.title)} />
<IconButton
src={require('@tabler/icons/edit.svg')}
iconClassName='w-5 h-5 text-gray-600'
/>
</HStack>
{features.chatsSearch && (
<ChatSearchInput