Re-arranged story viewer components to render meta above arrow-buttons
This commit is contained in:
parent
5baf3a7feb
commit
cfe66a2c0b
|
@ -550,6 +550,30 @@ export const StoryViewer = ({
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="StoryViewer__protection StoryViewer__protection--bottom" />
|
||||||
|
|
||||||
|
{canNavigateRight && (
|
||||||
|
<button
|
||||||
|
aria-label={i18n('forward')}
|
||||||
|
className={classNames(
|
||||||
|
'StoryViewer__arrow StoryViewer__arrow--right',
|
||||||
|
{
|
||||||
|
'StoryViewer__arrow--visible': arrowToShow === Arrow.Right,
|
||||||
|
}
|
||||||
|
)}
|
||||||
|
onClick={() =>
|
||||||
|
viewStory({
|
||||||
|
storyId: story.messageId,
|
||||||
|
storyViewMode,
|
||||||
|
viewDirection: StoryViewDirectionType.Next,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMouseMove={() => setArrowToShow(Arrow.Right)}
|
||||||
|
type="button"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
<div className="StoryViewer__meta">
|
<div className="StoryViewer__meta">
|
||||||
{caption && (
|
{caption && (
|
||||||
<div className="StoryViewer__caption">
|
<div className="StoryViewer__caption">
|
||||||
|
@ -740,27 +764,6 @@ export const StoryViewer = ({
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{canNavigateRight && (
|
|
||||||
<button
|
|
||||||
aria-label={i18n('forward')}
|
|
||||||
className={classNames(
|
|
||||||
'StoryViewer__arrow StoryViewer__arrow--right',
|
|
||||||
{
|
|
||||||
'StoryViewer__arrow--visible': arrowToShow === Arrow.Right,
|
|
||||||
}
|
|
||||||
)}
|
|
||||||
onClick={() =>
|
|
||||||
viewStory({
|
|
||||||
storyId: story.messageId,
|
|
||||||
storyViewMode,
|
|
||||||
viewDirection: StoryViewDirectionType.Next,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
onMouseMove={() => setArrowToShow(Arrow.Right)}
|
|
||||||
type="button"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<div className="StoryViewer__protection StoryViewer__protection--bottom" />
|
|
||||||
<button
|
<button
|
||||||
aria-label={i18n('close')}
|
aria-label={i18n('close')}
|
||||||
className="StoryViewer__close-button"
|
className="StoryViewer__close-button"
|
||||||
|
|
Loading…
Reference in New Issue