From fa811feed6e3624a5b9fea439c022a44bd02c133 Mon Sep 17 00:00:00 2001 From: Claudio Costa Date: Thu, 10 Mar 2022 16:55:09 +0100 Subject: [PATCH] Fix UI regressions (#17) * Fix UI regressions * Fix type * Fix border --- e2e/tests/join_call.spec.ts | 2 ++ .../call-thread-join-chromium-linux.png | Bin 7485 -> 7487 bytes .../call-thread-leave-chromium-linux.png | Bin 7691 -> 7911 bytes .../channel_call_toast/component.tsx | 1 + webapp/src/components/connected_profiles.tsx | 5 ++++- webapp/src/components/post_type/component.tsx | 1 + 6 files changed, 8 insertions(+), 1 deletion(-) diff --git a/e2e/tests/join_call.spec.ts b/e2e/tests/join_call.spec.ts index f02df946a..2d798600f 100644 --- a/e2e/tests/join_call.spec.ts +++ b/e2e/tests/join_call.spec.ts @@ -58,6 +58,8 @@ test.describe('join call', () => { const joinCallButton = page.locator('.post__body').last().locator('button:has-text("Join call")'); await expect(joinCallButton).toBeVisible(); + await expect(page.locator('.call-thread').last()).toBeVisible(); + expect(await page.locator('.call-thread').last().screenshot()).toMatchSnapshot('call-thread-join.png'); await joinCallButton.click(); diff --git a/e2e/tests/join_call.spec.ts-snapshots/call-thread-join-chromium-linux.png b/e2e/tests/join_call.spec.ts-snapshots/call-thread-join-chromium-linux.png index 3b65400ec216e85a63762e95662cc16bb2504ba2..42647f9d721840ee636a93037351fbc5d89ae840 100644 GIT binary patch literal 7487 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 diff --git a/e2e/tests/join_call.spec.ts-snapshots/call-thread-leave-chromium-linux.png b/e2e/tests/join_call.spec.ts-snapshots/call-thread-leave-chromium-linux.png index baa8664635200fffaa6e6410040327b45989efaa..f277c843c43c45a54b81d700639ec2841db8c000 100644 GIT binary patch literal 7911 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 pictures={this.props.pictures} size={24} fontSize={10} + border={false} maxShowedProfiles={2} /> diff --git a/webapp/src/components/connected_profiles.tsx b/webapp/src/components/connected_profiles.tsx index df2f4f793..f227d54b9 100644 --- a/webapp/src/components/connected_profiles.tsx +++ b/webapp/src/components/connected_profiles.tsx @@ -11,9 +11,10 @@ interface Props { maxShowedProfiles: number, size: number; fontSize: number; + border?: boolean; } -const ConnectedProfiles = ({pictures, profiles, maxShowedProfiles, size, fontSize}: Props) => { +const ConnectedProfiles = ({pictures, profiles, maxShowedProfiles, size, fontSize, border}: Props) => { maxShowedProfiles = maxShowedProfiles || 2; const diff = profiles.length - maxShowedProfiles; profiles = diff > 0 ? profiles.slice(0, maxShowedProfiles) : profiles; @@ -35,6 +36,7 @@ const ConnectedProfiles = ({pictures, profiles, maxShowedProfiles, size, fontSiz size={size} fontSize={fontSize} url={pictures[idx]} + border={Boolean(border)} style={{position: 'relative', left: `${margin + off}px`}} /> @@ -47,6 +49,7 @@ const ConnectedProfiles = ({pictures, profiles, maxShowedProfiles, size, fontSiz size={size} text={`+${diff}`} style={{position: 'relative', left: `${margin}px`}} + border={Boolean(border)} key='call_thread_more_profiles' />, ); diff --git a/webapp/src/components/post_type/component.tsx b/webapp/src/components/post_type/component.tsx index a81e86621..d3bfaf424 100644 --- a/webapp/src/components/post_type/component.tsx +++ b/webapp/src/components/post_type/component.tsx @@ -148,6 +148,7 @@ export default class PostType extends React.PureComponent { pictures={this.props.pictures} size={32} fontSize={12} + border={true} maxShowedProfiles={2} />