moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/soapbox/features/chats/components/chat-page/components/chat-page-sidebar.tsx
View File

@ -1,7 +1,7 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { defineMessages, useIntl } from 'react-intl'; 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 { useChatContext } from 'soapbox/contexts/chat-context';
import { useDebounce, useFeatures } from 'soapbox/hooks'; import { useDebounce, useFeatures } from 'soapbox/hooks';
import { IChat } from 'soapbox/queries/chats'; import { IChat } from 'soapbox/queries/chats';
@ -27,7 +27,14 @@ const ChatPageSidebar = () => {
return ( return (
<Stack space={4} className='h-full'> <Stack space={4} className='h-full'>
<Stack space={4} className='px-4 pt-4'> <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 && ( {features.chatsSearch && (
<ChatSearchInput <ChatSearchInput