{isAvatarStack && hasReactNode(avatarStack) && avatarStack}
diff --git a/src/components/Blocks/Cell/components/Navigation/Navigation.tsx b/src/components/Blocks/Cell/components/Navigation/Navigation.tsx
index 4070e61b..77b6dae5 100644
--- a/src/components/Blocks/Cell/components/Navigation/Navigation.tsx
+++ b/src/components/Blocks/Cell/components/Navigation/Navigation.tsx
@@ -24,7 +24,9 @@ export const Navigation = ({ className, children }: NavigationProps) => {
return (
{hasChildren && {children}}
- {(!hasChildren || platform === 'ios') && }
+ {(!hasChildren || platform === 'ios') && (
+
+ )}
);
};
diff --git a/src/components/Blocks/Cell/hooks/useTypographyCellComponents.tsx b/src/components/Blocks/Cell/hooks/useTypographyCellComponents.tsx
index ccdffb64..6dd0e354 100644
--- a/src/components/Blocks/Cell/hooks/useTypographyCellComponents.tsx
+++ b/src/components/Blocks/Cell/hooks/useTypographyCellComponents.tsx
@@ -13,21 +13,27 @@ export const useTypographyCellComponents = () => {
const platform = usePlatform();
const isIOS = platform === 'ios';
- const Title = useCallback((props: TypographyProps) => {
- if (isIOS) {
- return
;
- }
-
- return
;
- }, [isIOS]);
-
- const Description = useCallback((props: TypographyProps) => {
- if (isIOS) {
- return
;
- }
-
- return
;
- }, [isIOS]);
+ const Title = useCallback(
+ (props: TypographyProps) => {
+ if (isIOS) {
+ return
;
+ }
+
+ return
;
+ },
+ [isIOS],
+ );
+
+ const Description = useCallback(
+ (props: TypographyProps) => {
+ if (isIOS) {
+ return
;
+ }
+
+ return
;
+ },
+ [isIOS],
+ );
return {
Title,
diff --git a/src/components/Blocks/IconButton/IconButton.stories.tsx b/src/components/Blocks/IconButton/IconButton.stories.tsx
index a2dc8f98..a146d354 100644
--- a/src/components/Blocks/IconButton/IconButton.stories.tsx
+++ b/src/components/Blocks/IconButton/IconButton.stories.tsx
@@ -22,9 +22,7 @@ export const Playground: Story = {
mode: 'bezeled',
},
render: (args) => (
-
+
{args.size === 's' && }
{args.size === 'm' && }
{args.size === 'l' && }
diff --git a/src/components/Blocks/IconButton/IconButton.tsx b/src/components/Blocks/IconButton/IconButton.tsx
index c117df09..9abd734b 100644
--- a/src/components/Blocks/IconButton/IconButton.tsx
+++ b/src/components/Blocks/IconButton/IconButton.tsx
@@ -29,24 +29,23 @@ const sizeStyles = {
* Renders an icon button with customizable size and mode. It utilizes the `Tappable` component for enhanced
* touch interaction, allowing it to serve various UI actions efficiently.
*/
-export const IconButton = forwardRef(({
- size = 'm',
- mode = 'bezeled',
- className,
- children,
- ...restProps
-}, ref) => (
-
- {children}
-
-));
+export const IconButton = forwardRef(
+ (
+ { size = 'm', mode = 'bezeled', className, children, ...restProps },
+ ref,
+ ) => (
+
+ {children}
+
+ ),
+);
diff --git a/src/components/Blocks/IconContainer/IconContainer.module.css b/src/components/Blocks/IconContainer/IconContainer.module.css
index b068acec..c9ad2012 100644
--- a/src/components/Blocks/IconContainer/IconContainer.module.css
+++ b/src/components/Blocks/IconContainer/IconContainer.module.css
@@ -1,4 +1,3 @@
.wrapper {
color: var(--tgui--link_color);
}
-
diff --git a/src/components/Blocks/IconContainer/IconContainer.tsx b/src/components/Blocks/IconContainer/IconContainer.tsx
index 9dd30750..a4bcb2c9 100644
--- a/src/components/Blocks/IconContainer/IconContainer.tsx
+++ b/src/components/Blocks/IconContainer/IconContainer.tsx
@@ -5,7 +5,11 @@ import { classNames } from 'helpers/classNames';
export type IconContainerProps = HTMLAttributes;
-export const IconContainer = ({ className, children, ...restProps }: IconContainerProps) => (
+export const IconContainer = ({
+ className,
+ children,
+ ...restProps
+}: IconContainerProps) => (
{children}
diff --git a/src/components/Blocks/Image/Image.tsx b/src/components/Blocks/Image/Image.tsx
index 1d5343bb..8ecfc9bb 100644
--- a/src/components/Blocks/Image/Image.tsx
+++ b/src/components/Blocks/Image/Image.tsx
@@ -1,6 +1,12 @@
'use client';
-import { ImgHTMLAttributes, isValidElement, ReactNode, SyntheticEvent, useState } from 'react';
+import {
+ ImgHTMLAttributes,
+ isValidElement,
+ ReactNode,
+ SyntheticEvent,
+ useState,
+} from 'react';
import styles from './Image.module.css';
import { classNames } from 'helpers/classNames';
@@ -45,7 +51,8 @@ export const Image = ({
const [failed, setFailed] = useState(false);
const hasSrc = src || srcSet;
- const needShowFallbackIcon = (failed || !hasSrc) && isValidElement(fallbackIcon);
+ const needShowFallbackIcon =
+ (failed || !hasSrc) && isValidElement(fallbackIcon);
const handleImageLoad = (event: SyntheticEvent) => {
if (loaded) {
@@ -95,7 +102,9 @@ export const Image = ({
onError={handleImageError}
/>
)}
- {needShowFallbackIcon && {fallbackIcon}
}
+ {needShowFallbackIcon && (
+ {fallbackIcon}
+ )}
{children}
);
diff --git a/src/components/Blocks/Image/components/ImageBadge/ImageBadge.tsx b/src/components/Blocks/Image/components/ImageBadge/ImageBadge.tsx
index acdea816..5c323145 100644
--- a/src/components/Blocks/Image/components/ImageBadge/ImageBadge.tsx
+++ b/src/components/Blocks/Image/components/ImageBadge/ImageBadge.tsx
@@ -6,7 +6,11 @@ import { Badge, BadgeProps } from 'components/Blocks/Badge/Badge';
export type ImageBadgeProps = BadgeProps;
-export const ImageBadge = ({ type, className, ...restProps }: ImageBadgeProps) => {
+export const ImageBadge = ({
+ type,
+ className,
+ ...restProps
+}: ImageBadgeProps) => {
if (type !== 'number') {
console.error('[ImageBadge]: Component supports only type="number"');
return null;
diff --git a/src/components/Blocks/InlineButtons/InlineButtons.tsx b/src/components/Blocks/InlineButtons/InlineButtons.tsx
index 41d147cb..3392bb09 100644
--- a/src/components/Blocks/InlineButtons/InlineButtons.tsx
+++ b/src/components/Blocks/InlineButtons/InlineButtons.tsx
@@ -1,14 +1,26 @@
'use client';
-import { forwardRef, ForwardRefExoticComponent, HTMLAttributes, ReactElement, RefAttributes } from 'react';
+import {
+ forwardRef,
+ ForwardRefExoticComponent,
+ HTMLAttributes,
+ ReactElement,
+ RefAttributes,
+} from 'react';
import styles from './InlineButtons.module.css';
import { classNames } from 'helpers/classNames';
import { useObjectMemo } from 'hooks/useObjectMemo';
import { usePlatform } from 'hooks/usePlatform';
-import { InlineButtonsItem, InlineButtonsItemProps } from './components/InlineButtonsItem/InlineButtonsItem';
-import { InlineButtonsContext, InlineButtonsContextProps } from './InlineButtonsContext';
+import {
+ InlineButtonsItem,
+ InlineButtonsItemProps,
+} from './components/InlineButtonsItem/InlineButtonsItem';
+import {
+ InlineButtonsContext,
+ InlineButtonsContextProps,
+} from './InlineButtonsContext';
export interface InlineButtonsProps extends HTMLAttributes