Replace more icons with compound (#31381)
* Replace element-icons/chat-bubbles.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/chat-bubbles.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace external-link.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/hide.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/explore.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/hash-*.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/share.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/group-members.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/mask-as-*.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/low-priority.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/plus-circle.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace element-icons/roles.svg with compound Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update jest snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
committed by
GitHub
parent
16fbb27983
commit
421a69aede
@@ -9,8 +9,8 @@ Please see LICENSE files in the repository root for full details.
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { type ContentHelpers } from "matrix-js-sdk/src/matrix";
|
||||
import { Tooltip } from "@vector-im/compound-web";
|
||||
import { PopOutIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
|
||||
|
||||
import { Icon as ExternalLinkIcon } from "../../../../res/img/external-link.svg";
|
||||
import { _t } from "../../../languageHandler";
|
||||
import { makeMapSiteLink, parseGeoUri } from "../../../utils/location";
|
||||
import CopyableText from "../elements/CopyableText";
|
||||
@@ -40,7 +40,7 @@ const ShareLatestLocation: React.FC<Props> = ({ latestLocationState }) => {
|
||||
<>
|
||||
<Tooltip label={_t("timeline|context_menu|open_in_osm")}>
|
||||
<a data-testid="open-location-in-osm" href={mapLink} target="_blank" rel="noreferrer noopener">
|
||||
<ExternalLinkIcon className="mx_ShareLatestLocation_icon" />
|
||||
<PopOutIcon className="mx_ShareLatestLocation_icon" />
|
||||
</a>
|
||||
</Tooltip>
|
||||
<CopyableText className="mx_ShareLatestLocation_copy" border={false} getTextToCopy={() => latLonString} />
|
||||
|
||||
@@ -28,6 +28,7 @@ import {
|
||||
MinusIcon,
|
||||
ExpandIcon,
|
||||
CollapseIcon,
|
||||
PopOutIcon,
|
||||
} from "@vector-im/compound-design-tokens/assets/web/icons";
|
||||
|
||||
import AccessibleButton from "./AccessibleButton";
|
||||
@@ -46,7 +47,6 @@ import { showContextMenu, WidgetContextMenu } from "../context_menus/WidgetConte
|
||||
import WidgetAvatar from "../avatars/WidgetAvatar";
|
||||
import LegacyCallHandler from "../../../LegacyCallHandler";
|
||||
import { type IApp, isAppWidget } from "../../../stores/WidgetStore";
|
||||
import { Icon as PopoutIcon } from "../../../../res/img/external-link.svg";
|
||||
import { Container, WidgetLayoutStore } from "../../../stores/widgets/WidgetLayoutStore";
|
||||
import { OwnProfileStore } from "../../../stores/OwnProfileStore";
|
||||
import { UPDATE_EVENT } from "../../../stores/AsyncStore";
|
||||
@@ -813,7 +813,7 @@ export default class AppTile extends React.Component<IProps, IState> {
|
||||
title={_t("widget|popout")}
|
||||
onClick={this.onPopoutWidgetClick}
|
||||
>
|
||||
<PopoutIcon className="mx_Icon mx_Icon_12 mx_Icon--stroke" />
|
||||
<PopOutIcon className="mx_Icon mx_Icon_12" />
|
||||
</AccessibleButton>
|
||||
)}
|
||||
{this.state.hasContextMenuOptions && (
|
||||
|
||||
Reference in New Issue
Block a user