Replace typography components with Compound components

2024-09-11 13:44:43 -04:00
parent a5aeb6f324
commit e5e6233efb
18 changed files with 118 additions and 423 deletions
--- a/src/home/CallList.tsx
+++ b/src/home/CallList.tsx
@@ -10,11 +10,11 @@ import { MatrixClient } from "matrix-js-sdk/src/client";
 import { RoomMember } from "matrix-js-sdk/src/models/room-member";
 import { Room } from "matrix-js-sdk/src/models/room";
 import { FC } from "react";
+import { Text } from "@vector-im/compound-web";

 import { Avatar, Size } from "../Avatar";
 import styles from "./CallList.module.css";
 import { getRelativeRoomUrl } from "../utils/matrix";
-import { Body } from "../typography/Typography";
 import { GroupCallRoom } from "./useGroupCallRooms";
 import { useRoomEncryptionSystem } from "../e2ee/sharedKeyManagement";

@@ -65,9 +65,9 @@ const CallTile: FC<CallTileProps> = ({ name, avatarUrl, room }) => {
      >
        <Avatar id={room.roomId} name={name} size={Size.LG} src={avatarUrl} />
        <div className={styles.callInfo}>
-          <Body overflowEllipsis fontWeight="semiBold">
+          <Text weight="semibold" className={styles.callName}>
            {name}
-          </Body>
+          </Text>
        </div>
        <div className={styles.copyButtonSpacer} />
      </Link>