Fix storybook for calling sources modal

This commit is contained in:
Fedor Indutny 2021-06-03 12:52:11 -07:00 committed by GitHub
parent 4416715bff
commit 5b18bb8563
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 18 deletions

View file

@ -9,7 +9,6 @@ import { LocalizerType } from '../types/Util';
import { Modal } from './Modal';
import { PresentedSource, PresentableSource } from '../types/Calling';
import { Theme } from '../util/theme';
import { isScreenSource, translateSourceName } from '../services/calling';
export type PropsType = {
i18n: LocalizerType;
@ -18,18 +17,14 @@ export type PropsType = {
};
const Source = ({
i18n,
onSourceClick,
source,
sourceToPresent,
}: {
i18n: LocalizerType;
onSourceClick: (source: PresentedSource) => void;
source: PresentableSource;
sourceToPresent?: PresentedSource;
}): JSX.Element => {
const name = translateSourceName(i18n, source);
return (
<button
className={classNames({
@ -47,14 +42,14 @@ const Source = ({
type="button"
>
<img
alt={name}
alt={source.name}
className="module-CallingSelectPresentingSourcesModal__name--screenshot"
src={source.thumbnail}
/>
<div className="module-CallingSelectPresentingSourcesModal__name--container">
{source.appIcon ? (
<img
alt={name}
alt={source.name}
className="module-CallingSelectPresentingSourcesModal__name--icon"
height={16}
src={source.appIcon}
@ -62,7 +57,7 @@ const Source = ({
/>
) : null}
<span className="module-CallingSelectPresentingSourcesModal__name--text">
{name}
{source.name}
</span>
</div>
</button>
@ -82,7 +77,10 @@ export const CallingSelectPresentingSourcesModal = ({
throw new Error('No sources available for presenting');
}
const sources = groupBy(presentingSourcesAvailable, isScreenSource);
const sources = groupBy(
presentingSourcesAvailable,
source => source.isScreen
);
return (
<Modal
@ -101,7 +99,6 @@ export const CallingSelectPresentingSourcesModal = ({
<div className="module-CallingSelectPresentingSourcesModal__sources">
{sources.true.map(source => (
<Source
i18n={i18n}
key={source.id}
onSourceClick={selectedSource => setSourceToPresent(selectedSource)}
source={source}
@ -115,7 +112,6 @@ export const CallingSelectPresentingSourcesModal = ({
<div className="module-CallingSelectPresentingSourcesModal__sources">
{sources.false.map(source => (
<Source
i18n={i18n}
key={source.id}
onSourceClick={selectedSource => setSourceToPresent(selectedSource)}
source={source}