Bug: Window layout error when creating a snippet copy in the mobile version

[KseniyaKerzhner]

Summary

In the mobile version, after creating a copy of the snippet, the location of the window view changes from vertical to horizontal, which is not convenient when used in the mobile version. There is no change view button in the mobile version.

issue.20.06.24.mp4

Reproduction steps

1. User authorized
2. Created a snippet in any language
3. Open the code view mode
4. Press "toggle device toolbar"
4. Select Pixel 7 device
5. Open one of the existing snippets
6. Click the button to copy the snippet
7. Create a copy

Expected result

A copy of the snippet opened and the windows are arranged vertically as in the first snippet

Actual result

Opened a copy of the snippet and the windows are horizontal, can not be changed

Browsers

Chrome

OS

Windows

[KseniyaKerzhner]

Еще немного потестировав этот баг обнаружила, что лечится переворотом экрана в горизонтальное положение.
Оставить как баг или удалить?

[bobrov-site]

@KseniyaKerzhner думаю такого поведения не должно быть в любом случае. Могу взять задачу в работу

[bobrov-site]

Поскольку отмажки не было, то беру задачу в работу.

[bobrov-site]

Нужен help от фронтов. Я знаю почему такая проблема возникает. Ситуация следующая:

После того, как мы нажимаем на кнопку копировать сниппет, нас перебрасывает на новый url. Соответственно, страница как-будто не перегружается, а значит компонент не рендерится

runit/frontend/src/components/Modals/DuplicateSnippetModal.jsx

Line 62 in 0bc147b

navigate(url.pathname);

На странице сниппетов, я ранее создавал хук в котором отслеживаются изменение размеров экрана, но по какой-то причине он не работает

runit/frontend/src/pages/snippet/index.jsx

Lines 72 to 78 in 0bc147b

	useEffect(() => {
	if (isNotMobile) {
	dispatch(actions.updateDirection('horizontal'));
	} else {
	dispatch(actions.updateDirection('vertical'));
	}
	}, [dispatch, isNotMobile]);

Соотвественно, когда мы открываем с телефона и переходим на новую страницу у нас идет сброс до нашего стэйта

runit/frontend/src/slices/editorSlice.js

Line 21 in 0bc147b

direction: 'horizontal',

Как решить эту проблему?