feat(mobile): refactoring

Author: iapolya

src/bundle/SelectPopup.scss renamed to src/bundle/PlatformPopup.scss

@@ -1,4 +1,4 @@
-.g-md-select-popup {
+.g-md-platform-popup {
     &__sheet {
         --g-sheet-content-padding: 0px;
 

src/bundle/SelectPopup.tsx renamed to src/bundle/PlatformPopup.tsx

@@ -4,17 +4,17 @@ import {Popup, type PopupProps, Sheet} from '@gravity-ui/uikit';
 
 import {cn} from '../classname';
 
-export type SelectPopupProps = Pick<PopupProps, 'placement' | 'open' | 'anchorElement'> & {
+export type PlatformPopupProps = Pick<PopupProps, 'placement' | 'open' | 'anchorElement'> & {
     children: ReactNode;
     mobile?: boolean;
     onClose?: () => void;
 };
 
-import './SelectPopup.scss';
+import './PlatformPopup.scss';
 
-const b = cn('select-popup');
+const b = cn('platform-popup');
 
-export const SelectPopup: FC<SelectPopupProps> = ({
+export const PlatformPopup: FC<PlatformPopupProps> = ({
     mobile,
     children,
     onClose,

src/bundle/settings/index.tsx

@@ -21,13 +21,14 @@ import {noop} from '../../lodash';
 import {useBooleanState} from '../../react-utils/hooks';
 import {ToolbarTooltipDelay} from '../../toolbar';
 import {VERSION} from '../../version';
-import {SelectPopup} from '../SelectPopup';
 import type {MarkdownEditorMode, MarkdownEditorSplitMode} from '../types';
 
 import {MarkdownHints} from './MarkdownHints';
 
 import './index.scss';
 
+import {PlatformPopup} from '../PlatformPopup';
+
 const placement: PopupPlacement = ['bottom-end', 'top-end'];
 
 const bSettings = cn('editor-settings');
@@ -91,7 +92,7 @@ export const EditorSettings = memo<EditorSettingsProps>(function EditorSettings(
                     >
                         <Icon data={Gear} />
                     </Button>
-                    <SelectPopup
+                    <PlatformPopup
                         mobile={mobile}
                         open={popupShown}
                         onClose={hidePopup}
@@ -104,7 +105,7 @@ export const EditorSettings = memo<EditorSettingsProps>(function EditorSettings(
                             onClose={hidePopup}
                             className={bSettings('content')}
                         />
-                    </SelectPopup>
+                    </PlatformPopup>
                 </>
             )}
         </div>

src/toolbar/ToolbarListButton.tsx

@@ -3,7 +3,8 @@ import {Fragment, useEffect, useState} from 'react';
 import {ChevronDown} from '@gravity-ui/icons';
 import {HelpMark, Hotkey, Icon, Menu, Popover} from '@gravity-ui/uikit';
 
-import {SelectPopup} from '../bundle/SelectPopup';
+import {PlatformPopup} from 'src/bundle/PlatformPopup';
+
 import {cn} from '../classname';
 import {i18n} from '../i18n/common';
 import {isFunction} from '../lodash';
@@ -85,7 +86,7 @@ export function ToolbarListButton<E>({
             >
                 {buttonContent}
             </ToolbarButtonView>
-            <SelectPopup
+            <PlatformPopup
                 mobile={mobile}
                 open={popupOpen}
                 onClose={hide}
@@ -186,7 +187,7 @@ export function ToolbarListButton<E>({
                         })
                         .filter(Boolean)}
                 </Menu>
-            </SelectPopup>
+            </PlatformPopup>
             {popupItem
                 ? popupItem.renderPopup({
                       ...popupItem,