Link preview design for stories

This commit is contained in:
Josh Perez 2022-11-02 17:04:50 -04:00 committed by GitHub
parent 64fa3aac59
commit 3a6ab6a5aa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 317 additions and 19 deletions

View file

@ -17,7 +17,7 @@ import { LinkPreviewSourceType, findLinks } from '../types/LinkPreview';
import type { MaybeGrabLinkPreviewOptionsType } from '../types/LinkPreview';
import { Input } from './Input';
import { Slider } from './Slider';
import { StagedLinkPreview } from './conversation/StagedLinkPreview';
import { StoryLinkPreview } from './StoryLinkPreview';
import { TextAttachment } from './TextAttachment';
import { Theme, themeClassName } from '../util/theme';
import { getRGBA, getRGBANumber } from '../mediaEditor/util/color';
@ -541,11 +541,13 @@ export const TextStoryCreator = ({
<div className="StoryCreator__link-preview-container">
{linkPreview ? (
<>
<StagedLinkPreview
{...linkPreview}
i18n={i18n}
moduleClassName="StoryCreator__link-preview"
/>
<div className="StoryCreator__link-preview-wrapper">
<StoryLinkPreview
{...linkPreview}
forceCompactMode
i18n={i18n}
/>
</div>
<Button
className="StoryCreator__link-preview-button"
onClick={() => {