imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

replace all require(svgs) with esm import (#7948)

Browse source 
Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-03-02 17:14:33 +01:00 • committed by GitHub
parent 522ad1aafb
commit 61cd463a3b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 104 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/views/rooms/EntityTile.tsx
View file

@ -25,6 +25,7 @@ import E2EIcon, { E2EState } from './E2EIcon';
import { replaceableComponent } from "../../../utils/replaceableComponent";
import BaseAvatar from '../avatars/BaseAvatar';
import PresenceLabel from "./PresenceLabel";
import PlusSvg from '../../../../res/img/plus.svg';
export enum PowerStatus {
Admin = "admin",
@ -159,7 +160,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
if (this.props.showInviteButton) {
inviteButton = (
<div className="mx_EntityTile_invite">
<img src={require("../../../../res/img/plus.svg")} width="16" height="16" />
<img src={PlusSvg} width="16" height="16" />
</div>
);
}

3
src/components/views/rooms/LinkPreviewGroup.tsx
View file

@ -25,6 +25,7 @@ import AccessibleButton from "../elements/AccessibleButton";
import { _t } from "../../../languageHandler";
import MatrixClientContext from "../../../contexts/MatrixClientContext";
import { useAsyncMemo } from "../../../hooks/useAsyncMemo";
import CancelSvg from '../../../../res/img/cancel.svg';
const INITIAL_NUM_PREVIEWS = 2;
@ -72,7 +73,7 @@ const LinkPreviewGroup: React.FC<IProps> = ({ links, mxEvent, onCancelClick, onH
className="mx_filterFlipColor"
alt=""
role="presentation"
src={require("../../../../res/img/cancel.svg")}
src={CancelSvg}
width="18"
height="18"
/>

3
src/components/views/rooms/MemberList.tsx
View file

@ -50,6 +50,7 @@ import SpaceStore from "../../../stores/spaces/SpaceStore";
import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
import { UIComponent } from "../../../settings/UIFeature";
import PosthogTrackers from "../../../PosthogTrackers";
import EllipsisSvg from '../../../../res/img/ellipsis.svg';
const INITIAL_LOAD_NUM_MEMBERS = 30;
const INITIAL_LOAD_NUM_INVITED = 5;
@ -316,7 +317,7 @@ export default class MemberList extends React.Component<IProps, IState> {
<EntityTile
className="mx_EntityTile_ellipsis"
avatarJsx={
<BaseAvatar url={require("../../../../res/img/ellipsis.svg")} name="..." width={36} height={36} />
<BaseAvatar url={EllipsisSvg} name="..." width={36} height={36} />
}
name={text}
presenceState="online"

3
src/components/views/rooms/MessageComposer.tsx
View file

@ -52,6 +52,7 @@ import { SettingUpdatedPayload } from "../../../dispatcher/payloads/SettingUpdat
import MessageComposerButtons from './MessageComposerButtons';
import { ButtonEvent } from '../elements/AccessibleButton';
import { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
import RoomReplaceSvg from '../../../../res/img/room_replaced.svg';
let instanceCount = 0;
@ -408,7 +409,7 @@ export default class MessageComposer extends React.Component<IProps, IState> {
controls.push(<div className="mx_MessageComposer_replaced_wrapper" key="room_replaced">
<div className="mx_MessageComposer_replaced_valign">
<img className="mx_MessageComposer_roomReplaced_icon"
src={require("../../../../res/img/room_replaced.svg")}
src={RoomReplaceSvg}
/>
<span className="mx_MessageComposer_roomReplaced_header">
{ _t("This room has been replaced and is no longer active.") }

3
src/components/views/rooms/ReplyPreview.tsx
View file

@ -23,6 +23,7 @@ import { RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
import { replaceableComponent } from "../../../utils/replaceableComponent";
import ReplyTile from './ReplyTile';
import RoomContext, { TimelineRenderingType } from '../../../contexts/RoomContext';
import CancelSvg from '../../../../res/img/cancel.svg';
function cancelQuoting(context: TimelineRenderingType) {
dis.dispatch({
@ -52,7 +53,7 @@ export default class ReplyPreview extends React.Component<IProps> {
<div className="mx_ReplyPreview_header mx_ReplyPreview_cancel">
<img
className="mx_filterFlipColor"
src={require("../../../../res/img/cancel.svg")}
src={CancelSvg}
width="18"
height="18"
onClick={() => cancelQuoting(this.context.timelineRenderingType)}