SILVER/NODEDC_LAUNCHER
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Sync stage and rail ambient media

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-05-02 11:03:27 +03:00
parent 69eb5260b0
commit adad0bd344
3 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/widgets/service-rail/ServiceRail.tsx
+5 -7
View File
@@ -1,9 +1,8 @@
import { ChevronRight } from "lucide-react";
import { DEFAULT_AMBIENT_MEDIA, resolveAmbientMedia } from "../../entities/service/media";
import type { LauncherServiceView } from "../../entities/service/types";
import { cn } from "../../shared/lib/cn";
const DEFAULT_RAIL_MEDIA = "/storage/default.gif";
export function ServiceRail({
services,
selectedServiceId,
@@ -13,13 +12,12 @@ export function ServiceRail({
selectedServiceId?: string;
onSelect: (serviceId: string) => void;
}) {
const selectedService = services.find((service) => service.id === selectedServiceId) ?? services[0];
const railMediaSrc = selectedService?.media.ambientVideo ?? selectedService?.media.coverImage ?? DEFAULT_RAIL_MEDIA;
const railMediaKind = selectedService?.media.ambientKind ?? selectedService?.media.coverKind;
const selectedService = services.find((service) => service.id === selectedServiceId);
const railMedia = resolveAmbientMedia(selectedService);
return (
<div className="service-rail" aria-label="Доступные сервисы">
<RailMedia className="service-rail__backdrop-media" src={railMediaSrc} kind={railMediaKind} />
<RailMedia className="service-rail__backdrop-media" src={railMedia.src} kind={railMedia.kind} />
<div className="service-rail__glass" />
<div className="service-rail__scroll">
<div className="service-rail__track">
@@ -36,7 +34,7 @@ export function ServiceRail({
>
<RailMedia
className="service-tile__media-asset"
src={service.media.coverImage ?? service.media.ambientVideo ?? DEFAULT_RAIL_MEDIA}
src={service.media.coverImage ?? service.media.ambientVideo ?? DEFAULT_AMBIENT_MEDIA}
kind={service.media.coverKind ?? service.media.ambientKind}
/>
</span>