Fix storybook for calling sources modal
This commit is contained in:
parent
4416715bff
commit
5b18bb8563
4 changed files with 18 additions and 18 deletions
|
@ -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}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue