diff --git a/.github/workflows/test.yaml b/.github/workflows/test.yaml index dacb4283..d37aa75c 100644 --- a/.github/workflows/test.yaml +++ b/.github/workflows/test.yaml @@ -19,6 +19,6 @@ jobs: - name: Jest run: "yarn run test" - name: Upload to codecov - uses: codecov/codecov-action@v3 + uses: codecov/codecov-action@v4 with: flags: unittests diff --git a/.github/workflows/translations-download.yaml b/.github/workflows/translations-download.yaml index e5bab41d..e3c317eb 100644 --- a/.github/workflows/translations-download.yaml +++ b/.github/workflows/translations-download.yaml @@ -38,7 +38,7 @@ jobs: - name: Create Pull Request id: cpr - uses: peter-evans/create-pull-request@v5.0.2 + uses: peter-evans/create-pull-request@v6.0.0 with: token: ${{ secrets.ELEMENT_BOT_TOKEN }} branch: actions/localazy-download diff --git a/package.json b/package.json index 0adf43de..392c9c28 100644 --- a/package.json +++ b/package.json @@ -51,8 +51,8 @@ "@sentry/tracing": "^7.0.0", "@types/lodash": "^4.14.199", "@use-gesture/react": "^10.2.11", - "@vector-im/compound-design-tokens": "^0.1.0", - "@vector-im/compound-web": "^2.0.0", + "@vector-im/compound-design-tokens": "^1.0.0", + "@vector-im/compound-web": "^3.0.0", "@vitejs/plugin-basic-ssl": "^1.0.1", "@vitejs/plugin-react": "^4.0.1", "buffer": "^6.0.3", @@ -80,7 +80,7 @@ "tinyqueue": "^2.0.3", "unique-names-generator": "^4.6.0", "uuid": "9", - "vaul": "^0.8.0" + "vaul": "^0.9.0" }, "devDependencies": { "@babel/core": "^7.16.5", diff --git a/src/room/EncryptionLock.tsx b/src/room/EncryptionLock.tsx index f7fcda31..5408f707 100644 --- a/src/room/EncryptionLock.tsx +++ b/src/room/EncryptionLock.tsx @@ -17,7 +17,7 @@ limitations under the License. import { FC } from "react"; import { Tooltip } from "@vector-im/compound-web"; import { useTranslation } from "react-i18next"; -import LockIcon from "@vector-im/compound-design-tokens/icons/lock.svg?react"; +import LockSolidIcon from "@vector-im/compound-design-tokens/icons/lock-solid.svg?react"; import LockOffIcon from "@vector-im/compound-design-tokens/icons/lock-off.svg?react"; import styles from "./EncryptionLock.module.css"; @@ -28,7 +28,7 @@ interface Props { export const EncryptionLock: FC = ({ encrypted }) => { const { t } = useTranslation(); - const Icon = encrypted ? LockIcon : LockOffIcon; + const Icon = encrypted ? LockSolidIcon : LockOffIcon; const label = encrypted ? t("common.encrypted") : t("common.unencrypted"); return ( diff --git a/src/room/VideoPreview.tsx b/src/room/VideoPreview.tsx index 599367d0..4d1f040c 100644 --- a/src/room/VideoPreview.tsx +++ b/src/room/VideoPreview.tsx @@ -114,14 +114,7 @@ export const VideoPreview: FC = ({ playsInline // There's no reason for this to be focusable tabIndex={-1} - // React supports the disablePictureInPicture attribute, but Firefox - // only recognizes a value of "true", whereas React sets it to the empty - // string. So we need to bypass React and set it specifically to "true". - // https://bugzilla.mozilla.org/show_bug.cgi?id=1865748 - // eslint-disable-next-line @typescript-eslint/ban-ts-comment - // @ts-ignore - // eslint-disable-next-line react/no-unknown-property - disablepictureinpicture="true" + disablePictureInPicture /> {!muteStates.video.enabled && (
diff --git a/src/video-grid/VideoTile.tsx b/src/video-grid/VideoTile.tsx index 3ba16315..fa9426ee 100644 --- a/src/video-grid/VideoTile.tsx +++ b/src/video-grid/VideoTile.tsx @@ -37,7 +37,7 @@ import { import MicOnSolidIcon from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg?react"; import MicOffSolidIcon from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg?react"; import ErrorIcon from "@vector-im/compound-design-tokens/icons/error.svg?react"; -import MicOffOutlineIcon from "@vector-im/compound-design-tokens/icons/mic-off-outline.svg?react"; +import MicOffIcon from "@vector-im/compound-design-tokens/icons/mic-off.svg?react"; import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/icons/overflow-horizontal.svg?react"; import VolumeOnIcon from "@vector-im/compound-design-tokens/icons/volume-on.svg?react"; import VolumeOffIcon from "@vector-im/compound-design-tokens/icons/volume-off.svg?react"; @@ -134,14 +134,7 @@ const Tile = forwardRef( trackRef={video} // There's no reason for this to be focusable tabIndex={-1} - // React supports the disablePictureInPicture attribute, but Firefox - // only recognizes a value of "true", whereas React sets it to the empty - // string. So we need to bypass React and set it specifically to "true". - // https://bugzilla.mozilla.org/show_bug.cgi?id=1865748 - // eslint-disable-next-line @typescript-eslint/ban-ts-comment - // @ts-ignore - // eslint-disable-next-line react/no-unknown-property - disablepictureinpicture="true" + disablePictureInPicture /> )}
@@ -236,7 +229,7 @@ const UserMediaTile = subscribe( ) : ( <>