Use compound icons (#10292)

This commit is contained in:
Michael Weimann 2023-03-08 11:11:01 +01:00 committed by GitHub
parent 0db0d4b09d
commit 6fa00a20b0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 132 additions and 57 deletions

View file

@ -19,7 +19,7 @@ import { render, RenderResult, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { VoiceBroadcastControl } from "../../../../src/voice-broadcast";
import { Icon as StopIcon } from "../../../../res/img/element-icons/Stop.svg";
import { Icon as StopIcon } from "../../../../res/img/compound/stop-16.svg";
describe("VoiceBroadcastControl", () => {
let result: RenderResult;
@ -31,7 +31,8 @@ describe("VoiceBroadcastControl", () => {
describe("when rendering it", () => {
beforeEach(() => {
result = render(<VoiceBroadcastControl onClick={onClick} label="test label" icon={StopIcon} />);
const stopIcon = <StopIcon className="mx_Icon mx_Icon_16" />;
result = render(<VoiceBroadcastControl onClick={onClick} label="test label" icon={stopIcon} />);
});
it("should render as expected", () => {

View file

@ -9,7 +9,7 @@ exports[`<VoiceBroadcastPlaybackControl /> should render state buffering as expe
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
</div>
@ -39,7 +39,7 @@ exports[`<VoiceBroadcastPlaybackControl /> should render state playing as expect
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
</div>

View file

@ -85,7 +85,7 @@ exports[`VoiceBroadcastPlaybackBody when rendering a buffering voice broadcast s
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div
@ -319,7 +319,7 @@ exports[`VoiceBroadcastPlaybackBody when rendering a playing broadcast in pip mo
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div
@ -430,7 +430,7 @@ exports[`VoiceBroadcastPlaybackBody when rendering a playing broadcast should re
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div
@ -549,7 +549,7 @@ exports[`VoiceBroadcastPlaybackBody when rendering a playing/live broadcast shou
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div

View file

@ -73,7 +73,7 @@ exports[`VoiceBroadcastRecordingPip when rendering a paused recording should ren
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div
@ -174,7 +174,7 @@ exports[`VoiceBroadcastRecordingPip when rendering a started recording should re
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div

View file

@ -144,7 +144,7 @@ exports[`<VoiceBroadcastSmallPlaybackBody /> when rendering a { state: 'playing'
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div
@ -239,7 +239,7 @@ exports[`<VoiceBroadcastSmallPlaybackBody /> when rendering a buffering broadcas
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div
@ -315,7 +315,7 @@ exports[`<VoiceBroadcastSmallPlaybackBody /> when rendering a playing broadcast
tabindex="0"
>
<div
class="mx_Icon mx_Icon_16"
class="mx_Icon mx_Icon_12"
/>
</div>
<div