diff --git a/src/components/views/beacon/ShareLatestLocation.tsx b/src/components/views/beacon/ShareLatestLocation.tsx index ba69628816c..31f2a1387b9 100644 --- a/src/components/views/beacon/ShareLatestLocation.tsx +++ b/src/components/views/beacon/ShareLatestLocation.tsx @@ -16,12 +16,12 @@ limitations under the License. import React, { useEffect, useState } from "react"; import { ContentHelpers } from "matrix-js-sdk/src/matrix"; +import { Tooltip } from "@vector-im/compound-web"; 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"; -import TooltipTarget from "../elements/TooltipTarget"; interface Props { latestLocationState?: ContentHelpers.BeaconLocationState; @@ -46,11 +46,11 @@ const ShareLatestLocation: React.FC = ({ latestLocationState }) => { return ( <> - + - + latLonString} /> ); diff --git a/src/components/views/polls/pollHistory/PollListItem.tsx b/src/components/views/polls/pollHistory/PollListItem.tsx index 895b7b24ef2..58a2909ea08 100644 --- a/src/components/views/polls/pollHistory/PollListItem.tsx +++ b/src/components/views/polls/pollHistory/PollListItem.tsx @@ -17,12 +17,11 @@ limitations under the License. import React from "react"; import { PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent"; import { MatrixEvent } from "matrix-js-sdk/src/matrix"; +import { Tooltip } from "@vector-im/compound-web"; import { Icon as PollIcon } from "../../../../../res/img/element-icons/room/composer/poll.svg"; import { formatLocalDateShort } from "../../../../DateUtils"; import { _t } from "../../../../languageHandler"; -import TooltipTarget from "../../elements/TooltipTarget"; -import { Alignment } from "../../elements/Tooltip"; interface Props { event: MatrixEvent; @@ -37,13 +36,13 @@ export const PollListItem: React.FC = ({ event, onClick }) => { const formattedDate = formatLocalDateShort(event.getTs()); return (
  • - +
    {formattedDate} {pollEvent.question.text}
    -     +
    • ); }; diff --git a/src/components/views/polls/pollHistory/PollListItemEnded.tsx b/src/components/views/polls/pollHistory/PollListItemEnded.tsx index 4d251762441..657d940865f 100644 --- a/src/components/views/polls/pollHistory/PollListItemEnded.tsx +++ b/src/components/views/polls/pollHistory/PollListItemEnded.tsx @@ -17,6 +17,7 @@ limitations under the License. import React, { useEffect, useState } from "react"; import { PollAnswerSubevent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent"; import { MatrixEvent, Poll, PollEvent, Relations } from "matrix-js-sdk/src/matrix"; +import { Tooltip } from "@vector-im/compound-web"; import { Icon as PollIcon } from "../../../../../res/img/element-icons/room/composer/poll.svg"; import { _t } from "../../../../languageHandler"; @@ -24,8 +25,6 @@ import { formatLocalDateShort } from "../../../../DateUtils"; import { allVotes, collectUserVotes, countVotes } from "../../messages/MPollBody"; import { PollOption } from "../../polls/PollOption"; import { Caption } from "../../typography/Caption"; -import TooltipTarget from "../../elements/TooltipTarget"; -import { Alignment } from "../../elements/Tooltip"; interface Props { event: MatrixEvent; @@ -100,7 +99,7 @@ export const PollListItemEnded: React.FC = ({ event, poll, onClick }) => return (
  • - +
    @@ -127,7 +126,7 @@ export const PollListItemEnded: React.FC = ({ event, poll, onClick }) => {_t("right_panel|poll|final_result", { count: totalVoteCount })}
    -     +
    • ); }; diff --git a/src/components/views/rooms/RoomListHeader.tsx b/src/components/views/rooms/RoomListHeader.tsx index 4f8b4f8c324..690300dfa28 100644 --- a/src/components/views/rooms/RoomListHeader.tsx +++ b/src/components/views/rooms/RoomListHeader.tsx @@ -16,6 +16,7 @@ limitations under the License. import { EventType, RoomType, Room, RoomEvent, ClientEvent } from "matrix-js-sdk/src/matrix"; import React, { useContext, useEffect, useState } from "react"; +import { Tooltip } from "@vector-im/compound-web"; import MatrixClientContext from "../../../contexts/MatrixClientContext"; import { shouldShowComponent } from "../../../customisations/helpers/UIComponents"; @@ -57,7 +58,6 @@ import IconizedContextMenu, { } from "../context_menus/IconizedContextMenu"; import SpaceContextMenu from "../context_menus/SpaceContextMenu"; import InlineSpinner from "../elements/InlineSpinner"; -import TooltipTarget from "../elements/TooltipTarget"; import { HomeButtonContextMenu } from "../spaces/SpacePanel"; const contextMenuBelow = (elementRect: DOMRect): MenuProps => { @@ -412,9 +412,9 @@ const RoomListHeader: React.FC = ({ onVisibilityChange }) => {