diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png index a2a233163e..1ea03c962c 100644 Binary files a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png and b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png differ diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png index 73baf1730f..0d5f088b21 100644 Binary files a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png and b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png differ diff --git a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/UrlPreviewView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/UrlPreviewView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png index 478a22f76d..87439a33e3 100644 Binary files a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/UrlPreviewView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png and b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/UrlPreviewView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png differ diff --git a/packages/shared-components/src/event-tiles/UrlPreviewView/LinkPreview.tsx b/packages/shared-components/src/event-tiles/UrlPreviewView/LinkPreview.tsx index 1e500eba72..7ad3977a97 100644 --- a/packages/shared-components/src/event-tiles/UrlPreviewView/LinkPreview.tsx +++ b/packages/shared-components/src/event-tiles/UrlPreviewView/LinkPreview.tsx @@ -23,6 +23,10 @@ export interface LinkPreviewAdditionalProps { export type LinkPreviewProps = UrlPreviewViewSnapshotPreview & LinkPreviewActions & LinkPreviewAdditionalProps; +/** + * LinkPreview renders a single preview component for a single link on an event. It is usually rendered as part of + * a `UrlPreviewGroupView`. + */ export function LinkPreview({ onImageClick, compactLayout, ...preview }: LinkPreviewProps): JSX.Element { const { translate: _t } = useI18n(); diff --git a/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.module.css b/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.module.css index db7f249f21..80b2d7cd9c 100644 --- a/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.module.css +++ b/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.module.css @@ -19,6 +19,7 @@ } .wrapper { + margin-top: var(--cpd-space-4x); display: flex; flex-direction: row; } diff --git a/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.tsx b/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.tsx index 0995c5c9eb..62103dface 100644 --- a/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.tsx +++ b/packages/shared-components/src/event-tiles/UrlPreviewView/UrlPreviewGroupView.tsx @@ -33,12 +33,7 @@ export interface UrlPreviewGroupViewActions { } /** - * UrlPreviewGroupView renders a compact event tile with an icon, title, and optional subtitle/content. - * - * @example - * ```tsx - * } title="Room created" /> - * ``` + * UrlPreviewGroupView renders a list of URL previews for a single event. */ export function UrlPreviewGroupView({ vm }: UrlPreviewGroupViewProps): JSX.Element | null { const { translate: _t } = useI18n();