Transaction: DMehM5a...scpm

{ "data": { "events_v1.near": { "widget": { "events__components__event_image_slider": { "": "let event = props.event || null;\n\nif (!state) {\n State.init({ index: 0 });\n}\n\nif (!event) {\n // TODO: return default image\n return <img src=\"\" alt=\"Event!\" />;\n}\n\nconst mode = props.mode || 'banner';\n\nconst imagesWithCid = (event.images || [])\n .filter((image) => {\n return image.url && image.url.cid;\n })\n .filter((image) => {\n return image.url.cid.length > 0;\n });\n\nconst displayImages = imagesWithCid.filter((image) => {\n return image.type === mode;\n});\n\nconst onTick = () => {\n if (displayImages.length > 1) {\n State.update((state) => {\n state.index = (state.index + 1) % displayImages.length;\n });\n }\n\n props.__engine.onTick(1, onTick);\n};\n\nprops.__engine.onTick(1, onTick);\n\nreturn (\n <div\n style={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n maxWidth: '100%',\n overflow: 'hidden',\n userSelect: 'none',\n }}\n >\n {displayImages.map((image) => {\n // const image = displayImages[(i + state.index) % displayImages.length];\n\n return (\n <img\n src={`https://ipfs.near.social/ipfs/${image.url.cid}`}\n key={image.cid}\n alt={image.url.cid}\n style={{\n width: '100%',\n height: '100%',\n maxWidth: '100%',\n boxSizing: 'border-box',\n objectFit: 'cover',\n transform: `translateX(-${\n (state.index * 100) / displayImages.length\n }%)`,\n transition: 'transform 0.5s',\n }}\n />\n );\n })}\n </div>\n);\n" } } } } }