Thream/website
Archived
2
2
Fork 0
Code Issues Pull Requests Releases Activity

feat: interact with user settings/profile (#9)

Browse Source
This commit is contained in:
Divlo
2022-02-19 23:20:33 +01:00
committed by GitHub
parent 48debe8638
commit 7ac4f86cd5
101 changed files with 6705 additions and 9777 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Application/Messages/Message/Message.tsx
View File

@ -17,13 +17,13 @@ export const Message: React.FC<MessageProps> = (props) => {
return (
<div
className='p-4 flex transition hover:bg-gray-200 dark:hover:bg-gray-900'
className='flex p-4 transition hover:bg-gray-200 dark:hover:bg-gray-900'
data-cy={`message-${message.id}`}
>
<Link href={`/application/users/${message.member.user.id}`}>
<a>
<div className='w-12 h-12 mr-4 flex flex-shrink-0 items-center justify-center'>
<div className='w-10 h-10 drop-shadow-md'>
<div className='mr-4 flex h-12 w-12 flex-shrink-0 items-center justify-center'>
<div className='h-10 w-10 drop-shadow-md'>
<Image
className='rounded-full'
src={
@ -41,7 +41,7 @@ export const Message: React.FC<MessageProps> = (props) => {
</a>
</Link>
<div className='w-full'>
<div className='w-max flex items-center'>
<div className='flex w-max items-center'>
<Link href={`/application/users/${message.member.user.id}`}>
<a>
<span
@ -54,7 +54,7 @@ export const Message: React.FC<MessageProps> = (props) => {
</Link>
<span
data-cy='message-date'
className='text-gray-500 dark:text-gray-200 text-xs ml-4 select-none'
className='ml-4 select-none text-xs text-gray-500 dark:text-gray-200'
>
{date.format(new Date(message.createdAt), 'DD/MM/YYYY - HH:mm:ss')}
</span>

2
components/Application/Messages/Message/MessageFile/FileIcon.tsx
View File

@ -1,7 +1,7 @@
export const FileIcon: React.FC = () => {
return (
<svg
className='dark:text-white text-black fill-current'
className='fill-current text-black dark:text-white'
width='21'
height='26'
viewBox='0 0 21 26'

6
components/Application/Messages/Message/MessageFile/MessageFile.tsx
View File

@ -49,7 +49,7 @@ export const MessageFile: React.FC<MessageContentProps> = (props) => {
<a href={file.url} target='_blank' rel='noreferrer'>
<img
data-cy={`message-file-image-${message.id}`}
className='sm:max-w-xs max-h-80'
className='max-h-80 sm:max-w-xs'
src={file.url}
alt={message.value}
/>
@ -66,7 +66,7 @@ export const MessageFile: React.FC<MessageContentProps> = (props) => {
if (message.mimetype.startsWith('video/')) {
return (
<video
className='max-w-xs max-h-80'
className='max-h-80 max-w-xs'
controls
data-cy={`message-file-video-${message.id}`}
>
@ -86,7 +86,7 @@ export const MessageFile: React.FC<MessageContentProps> = (props) => {
<p className='mt-1'>{prettyBytes(file.blob.size)}</p>
</div>
</div>
<DownloadIcon className='ml-4 w-8 h-8' />
<DownloadIcon className='ml-4 h-8 w-8' />
</div>
</a>
)

4
components/Application/Messages/Messages.tsx
View File

@ -12,7 +12,7 @@ export const Messages: React.FC = () => {
return (
<div
id='messages'
className='w-full scrollbar-firefox-support overflow-y-auto transition-all flex-1 flex flex-col text-center mt-8 text-lg'
className='scrollbar-firefox-support mt-8 flex w-full flex-1 flex-col overflow-y-auto text-center text-lg transition-all'
>
<p>
Nothing to show here! <Emoji value=':ghost:' size={20} />
@ -25,7 +25,7 @@ export const Messages: React.FC = () => {
return (
<div
id='messages'
className='w-full scrollbar-firefox-support overflow-y-auto transition-all flex-1 flex flex-col-reverse'
className='scrollbar-firefox-support flex w-full flex-1 flex-col-reverse overflow-y-auto transition-all'
>
<InfiniteScroll
scrollableTarget='messages'