PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Update thumbnails

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-01-14 12:44:48 +01:00
parent 8f91b04eb3
commit eca8ef3b35
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 22 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/CallHandler.tsx
View file

@ -513,8 +513,8 @@ export default class CallHandler {
call.placeScreenSharingCall(
remoteElement,
localElement,
async (sources: Array<DesktopCapturerSource>) : Promise<DesktopCapturerSource> => {
const {finished} = Modal.createDialog(DesktopCapturerSourcePicker, {sources});
async () : Promise<DesktopCapturerSource> => {
const {finished} = Modal.createDialog(DesktopCapturerSourcePicker);
const [source] = await finished;
return source;
});

26
src/components/views/elements/DesktopCapturerSourcePicker.tsx
View file

@ -18,6 +18,7 @@ import React from 'react';
import { _t } from '../../../languageHandler';
import BaseDialog from "..//dialogs/BaseDialog"
import AccessibleButton from './AccessibleButton';
import {getDesktopCapturerSources} from "matrix-js-sdk/src/webrtc/call";
export enum Tabs {
Screens = "screens",
@ -56,24 +57,37 @@ export class ExistingSource extends React.Component<DesktopCapturerSourceIProps>
export interface DesktopCapturerSourcePickerIState {
selectedTab: Tabs;
sources: Array<DesktopCapturerSource>;
}
export interface DesktopCapturerSourcePickerIProps {
sources: Array<DesktopCapturerSource>;
onFinished(source: DesktopCapturerSource): void;
}
// TODO: Figure out a way to update sources for live preview
export default class DesktopCapturerSourcePicker extends React.Component<
DesktopCapturerSourcePickerIProps,
DesktopCapturerSourcePickerIState
> {
interval;
constructor(props) {
super(props);
this.state = {
selectedTab: Tabs.Screens,
}
sources: [],
};
}
componentDidMount() {
this.interval = setInterval(async () => {
this.setState({
sources: await getDesktopCapturerSources(),
});
}, 500);
}
componentWillUnmount() {
clearInterval(this.interval);
}
onSelect = (source) => {
@ -95,7 +109,7 @@ export default class DesktopCapturerSourcePicker extends React.Component<
render() {
let sources;
if (this.state.selectedTab === Tabs.Screens) {
sources = this.props.sources
sources = this.state.sources
.filter((source) => {
return source.id.startsWith("screen");
})
@ -103,7 +117,7 @@ export default class DesktopCapturerSourcePicker extends React.Component<
return <ExistingSource source={source} onSelect={this.onSelect} key={source.id} />;
});
} else {
sources = this.props.sources
sources = this.state.sources
.filter((source) => {
return source.id.startsWith("window");
})