Skip to content

Commit

Permalink
fix(docs): refactor transformVKBridgeAdaptivity
Browse files Browse the repository at this point in the history
  • Loading branch information
inomdzhon committed Aug 15, 2023
1 parent f953277 commit b331445
Showing 1 changed file with 20 additions and 24 deletions.
44 changes: 20 additions & 24 deletions styleguide/pages/integrations_vk_mini_apps.md
Original file line number Diff line number Diff line change
Expand Up @@ -101,31 +101,27 @@ import type { UseAdaptivity } from '@vkontakte/vk-bridge-react';
/**
* Требуется конвертировать данные из VK Bridge в те, что принимает AdaptivityProvider из VKUI.
*/
export const transformVKBridgeAdaptivity = (vkBridgeAdaptivity: UseAdaptivity): AdaptivityProps => {
let viewWidth;
let viewHeight;
let sizeX;
let sizeY;

if (vkBridgeAdaptivity.type === 'adaptive') {
const { viewportWidth, viewportHeight } = vkBridgeAdaptivity;
viewWidth = getViewWidthByViewportWidth(viewportWidth);
viewHeight = getViewHeightByViewportHeight(viewportHeight);
} else if (
vkBridgeAdaptivity.type === 'force_mobile' ||
vkBridgeAdaptivity.type === 'force_mobile_compact'
) {
viewWidth = ViewWidth.MOBILE;
sizeX = SizeType.COMPACT;

if (vkBridgeAdaptivity.type === 'force_mobile_compact') {
sizeY = SizeType.COMPACT;
} else {
sizeY = SizeType.REGULAR;
}
export const transformVKBridgeAdaptivity = ({
type,
viewportWidth,
viewportHeight,
}: UseAdaptivity): AdaptivityProps => {
switch (type) {
case 'adaptive':
return {
viewWidth: getViewWidthByViewportWidth(viewportWidth),
viewHeight: getViewHeightByViewportHeight(viewportHeight),
};
case 'force_mobile':
case 'force_mobile_compact':
return {
viewWidth: ViewWidth.MOBILE,
sizeX: SizeType.COMPACT,
sizeY: type === 'force_mobile_compact' ? SizeType.COMPACT : SizeType.REGULAR,
};
default:
return {};
}

return { viewWidth, viewHeight, sizeX, sizeY };
};
```

Expand Down

0 comments on commit b331445

Please sign in to comment.