Add VideoGrid storybook

This commit is contained in:
Robert Long
2022-01-07 16:20:55 -08:00
parent 5f4ac97787
commit 19fe760833
4 changed files with 66 additions and 3 deletions

View File

@@ -10,6 +10,7 @@ import { Header, LeftNav, RightNav, RoomHeaderInfo } from "../Header";
import VideoGrid, {
useVideoGridLayout,
} from "matrix-react-sdk/src/components/views/voip/GroupCallView/VideoGrid";
import { VideoTileContainer } from "matrix-react-sdk/src/components/views/voip/GroupCallView/VideoTileContainer";
import SimpleVideoGrid from "matrix-react-sdk/src/components/views/voip/GroupCallView/SimpleVideoGrid";
import "matrix-react-sdk/res/css/views/voip/GroupCallView/_VideoGrid.scss";
import { getAvatarUrl } from "../matrix-utils";
@@ -140,10 +141,18 @@ export function InCallView({
<VideoGrid
items={items}
layout={layout}
getAvatar={renderAvatar}
onFocusTile={onFocusTile}
disableAnimations={isSafari}
/>
>
{({ item, ...rest }) => (
<VideoTileContainer
key={item.id}
callFeed={item.callFeed}
getAvatar={renderAvatar}
{...rest}
/>
)}
</VideoGrid>
)}
<div className={styles.footer}>
<MicButton muted={microphoneMuted} onPress={toggleMicrophoneMuted} />