fix: FE prettier

webapp/commit_list.txt

@@ -0,0 +1,66 @@
+c066d57e4
+6ce0edcca
+1c3f2617c
+239024712
+71b2fea5e
+00c3a5db0
+accb6de22
+7481e876f
+ba180f84b
+bb5ade249
+51e2d15fd
+3fc1938b3
+99aaa1a18
+1c2a78961
+20cd4ddce
+3ffd133d6
+0cb754092
+c2862a8dc
+507c0b310
+c864bd942
+e1fa7a268
+e00a5f99d
+b01905b5d
+5e4721ed0
+0299f273b
+dc8c277f2
+c399c91f8
+1a6ab233d
+533827148
+b70d82b9d
+d4120c5f6
+13b52e3c1
+f16a195f5
+b31a43187
+281d6db26
+0ae032f4f
+644917276
+521c48f59
+91eeb6a7d
+877cff457
+4efafda10
+f2fd64cfd
+ace5bdc6f
+3a29a9eeb
+d700ed30d
+3c58c4aed
+c17f8635a
+ce9cb6c33
+770ac8133
+8a785340c
+432e6a0e1
+9113e5774
+90dd12f30
+12c34c9ed
+1b8f6efc3
+3b04c0739
+fb087a765
+d2d3fa586
+6e613596a
+d7cc97198
+c219da54e
+389bf1ce7
+1a3d1d8ed
+5fd846c8b
+540e016e8
+3aceb9c28

webapp/src/ThemeProvider.tsx

@@ -1,16 +1,16 @@
-import React, {useContext, useState} from 'react';
-import {createTheme, PaletteMode, useMediaQuery} from '@mui/material';
-import {ThemeProvider as MuiThemeProvider} from '@mui/material/styles';
+import React, { useContext, useState } from 'react';
+import { createTheme, PaletteMode, useMediaQuery } from '@mui/material';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 
-import {TOP_BAR_HEIGHT} from 'tg.component/layout/TopBar/TopBar';
+import { TOP_BAR_HEIGHT } from 'tg.component/layout/TopBar/TopBar';
 // @ts-ignore
 import RighteousLatinExtWoff2 from './fonts/Righteous/righteous-latin-ext.woff2';
 // @ts-ignore
 import RighteousLatinWoff2 from './fonts/Righteous/righteous-latin.woff2';
 // @ts-ignore
 import RubikWoff2 from './fonts/Rubik/Rubik-Regular.woff2';
-import {colors} from './colors';
-import {tolgeeColors, tolgeePalette} from 'figmaTheme';
+import { colors } from './colors';
+import { tolgeeColors, tolgeePalette } from 'figmaTheme';
 
 const LOCALSTORAGE_THEME_MODE = 'themeMode';
 

webapp/src/colors.tsx

@@ -1,4 +1,4 @@
-import {grey} from '@mui/material/colors';
+import { grey } from '@mui/material/colors';
 
 const customGrey: Emphasis = {
  50: '#f0f2f4',

webapp/src/component/CustomIcons.tsx

@@ -1,5 +1,5 @@
-import React, {ComponentProps} from 'react';
-import {SvgIcon} from '@mui/material';
+import React, { ComponentProps } from 'react';
+import { SvgIcon } from '@mui/material';
 
 import ExportSvg from '../svgs/icons/export.svg?react';
 import ImportSvg from '../svgs/icons/import.svg?react';

webapp/src/component/EmailNotVerifiedView.tsx

@@ -1,14 +1,14 @@
-import {Button, styled, Typography, useTheme} from '@mui/material';
-import {useApiMutation} from 'tg.service/http/useQueryApi';
-import {messageService} from 'tg.service/MessageService';
-import {T, useTranslate} from '@tolgee/react';
-import {useEmailAwaitingVerification} from 'tg.globalContext/helpers';
-import {LINKS} from 'tg.constants/links';
-import {Usage} from 'tg.component/billing/Usage';
-import {StyledWrapper} from 'tg.component/searchSelect/SearchStyled';
-import {DashboardPage} from 'tg.component/layout/DashboardPage';
-import {BaseView} from 'tg.component/layout/BaseView';
-import {Redirect} from 'react-router-dom';
+import { Button, styled, Typography, useTheme } from '@mui/material';
+import { useApiMutation } from 'tg.service/http/useQueryApi';
+import { messageService } from 'tg.service/MessageService';
+import { T, useTranslate } from '@tolgee/react';
+import { useEmailAwaitingVerification } from 'tg.globalContext/helpers';
+import { LINKS } from 'tg.constants/links';
+import { Usage } from 'tg.component/billing/Usage';
+import { StyledWrapper } from 'tg.component/searchSelect/SearchStyled';
+import { DashboardPage } from 'tg.component/layout/DashboardPage';
+import { BaseView } from 'tg.component/layout/BaseView';
+import { Redirect } from 'react-router-dom';
 
 const StyledContainer = styled('div')`
  display: flex;

webapp/src/component/layout/TopBanner/Announcement.tsx

@@ -1,7 +1,7 @@
-import {styled} from '@mui/material';
-import {useTranslate} from '@tolgee/react';
-import {TadaIcon} from 'tg.component/CustomIcons';
-import {BannerLink} from './BannerLink';
+import { styled } from '@mui/material';
+import { useTranslate } from '@tolgee/react';
+import { TadaIcon } from 'tg.component/CustomIcons';
+import { BannerLink } from './BannerLink';
 
 type Props = {
  content: React.ReactNode;

webapp/src/component/layout/TopBanner/TopBanner.tsx

@@ -1,13 +1,16 @@
-import {styled, useTheme} from '@mui/material';
-import {useEffect, useRef} from 'react';
-import {useGlobalActions, useGlobalContext,} from 'tg.globalContext/GlobalContext';
-import {useAnnouncement} from './useAnnouncement';
-import {useIsEmailVerified} from 'tg.globalContext/helpers';
-import {Close} from '@mui/icons-material';
-import {useResizeObserver} from 'usehooks-ts';
-import {Announcement} from 'tg.component/layout/TopBanner/Announcement';
-import {useTranslate} from '@tolgee/react';
-import {tokenService} from 'tg.service/TokenService';
+import { styled, useTheme } from '@mui/material';
+import { useEffect, useRef } from 'react';
+import {
+ useGlobalActions,
+ useGlobalContext,
+} from 'tg.globalContext/GlobalContext';
+import { useAnnouncement } from './useAnnouncement';
+import { useIsEmailVerified } from 'tg.globalContext/helpers';
+import { Close } from '@mui/icons-material';
+import { useResizeObserver } from 'usehooks-ts';
+import { Announcement } from 'tg.component/layout/TopBanner/Announcement';
+import { useTranslate } from '@tolgee/react';
+import { tokenService } from 'tg.service/TokenService';
 
 const StyledContainer = styled('div')`
  position: fixed;

webapp/src/component/layout/TopBanner/useAnnouncement.tsx

@@ -1,10 +1,10 @@
-import {T, useTranslate} from '@tolgee/react';
-import {styled, useTheme} from '@mui/material';
-import {assertUnreachable} from 'tg.fixtures/assertUnreachable';
-import {components} from 'tg.service/apiSchema.generated';
-import {Announcement} from './Announcement';
-import {BannerLink} from './BannerLink';
-import {useIsEmailVerified} from 'tg.globalContext/helpers';
+import { T, useTranslate } from '@tolgee/react';
+import { styled, useTheme } from '@mui/material';
+import { assertUnreachable } from 'tg.fixtures/assertUnreachable';
+import { components } from 'tg.service/apiSchema.generated';
+import { Announcement } from './Announcement';
+import { BannerLink } from './BannerLink';
+import { useIsEmailVerified } from 'tg.globalContext/helpers';
 
 type AnnouncementDtoType = components['schemas']['AnnouncementDto']['type'];
 

webapp/src/custom.d.ts

@@ -1,26 +1,26 @@
 import API from '@openreplay/tracker';
-import {PaletteColor} from '@mui/material/styles';
-import {PaletteColorOptions} from '@mui/material';
+import { PaletteColor } from '@mui/material/styles';
+import { PaletteColorOptions } from '@mui/material';
 import {
-  Activity,
-  Cell,
-  Editor,
-  Emphasis,
-  ExampleBanner,
-  Input,
-  LanguageChips,
-  Login,
-  Marker,
-  Navbar,
-  Placeholders,
-  QuickStart,
-  RevisionFilterBanner,
-  Tile,
-  TipsBanner,
-  Tooltip,
-  TopBanner,
+ Activity,
+ Cell,
+ Editor,
+ Emphasis,
+ ExampleBanner,
+ Input,
+ LanguageChips,
+ Login,
+ Marker,
+ Navbar,
+ Placeholders,
+ QuickStart,
+ RevisionFilterBanner,
+ Tile,
+ TipsBanner,
+ Tooltip,
+ TopBanner,
 } from './colors';
-import {tolgeeColors, tolgeePalette} from 'figmaTheme';
+import { tolgeeColors, tolgeePalette } from 'figmaTheme';
 
 declare module '*.svg' {
  const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;

webapp/src/globalContext/useQuickStartGuideService.tsx

@@ -1,10 +1,13 @@
-import {useMediaQuery} from '@mui/material';
-import {useState} from 'react';
-import {useRouteMatch} from 'react-router-dom';
-import {HighlightItem, ItemStep,} from 'tg.component/layout/QuickStartGuide/enums';
-import {LINKS, PARAMS} from 'tg.constants/links';
-import {useApiQuery} from 'tg.service/http/useQueryApi';
-import type {useInitialDataService} from './useInitialDataService';
+import { useMediaQuery } from '@mui/material';
+import { useState } from 'react';
+import { useRouteMatch } from 'react-router-dom';
+import {
+ HighlightItem,
+ ItemStep,
+} from 'tg.component/layout/QuickStartGuide/enums';
+import { LINKS, PARAMS } from 'tg.constants/links';
+import { useApiQuery } from 'tg.service/http/useQueryApi';
+import type { useInitialDataService } from './useInitialDataService';
 
 export const useQuickStartGuideService = (
  initialData: ReturnType<typeof useInitialDataService>

webapp/src/service/http/ApiHttpService.tsx

@@ -1,12 +1,12 @@
-import {LINKS} from 'tg.constants/links';
-import {GlobalError} from 'tg.error/GlobalError';
-
-import {tokenService} from '../TokenService';
-import {getUtmCookie} from 'tg.fixtures/utmCookie';
-import {handleApiError} from './handleApiError';
-import {ApiError} from './ApiError';
-import {errorAction} from './errorAction';
-import {globalContext} from 'tg.globalContext/globalActions';
+import { LINKS } from 'tg.constants/links';
+import { GlobalError } from 'tg.error/GlobalError';
+
+import { tokenService } from '../TokenService';
+import { getUtmCookie } from 'tg.fixtures/utmCookie';
+import { handleApiError } from './handleApiError';
+import { ApiError } from './ApiError';
+import { errorAction } from './errorAction';
+import { globalContext } from 'tg.globalContext/globalActions';
 
 let requests: { [address: string]: number } = {};
 const detectLoop = (url) => {

webapp/src/service/http/handleApiError.tsx

@@ -1,12 +1,12 @@
-import {messageService} from 'tg.service/MessageService';
-import {T} from '@tolgee/react';
-import {GlobalError} from 'tg.error/GlobalError';
-import {TranslatedError} from 'tg.translationTools/TranslatedError';
+import { messageService } from 'tg.service/MessageService';
+import { T } from '@tolgee/react';
+import { GlobalError } from 'tg.error/GlobalError';
+import { TranslatedError } from 'tg.translationTools/TranslatedError';
 import * as Sentry from '@sentry/browser';
-import {parseErrorResponse} from 'tg.fixtures/errorFIxtures';
-import {RequestOptions} from './ApiHttpService';
-import {globalContext} from 'tg.globalContext/globalActions';
-import {LINKS} from 'tg.constants/links';
+import { parseErrorResponse } from 'tg.fixtures/errorFIxtures';
+import { RequestOptions } from './ApiHttpService';
+import { globalContext } from 'tg.globalContext/globalActions';
+import { LINKS } from 'tg.constants/links';
 
 export const handleApiError = (
  r: Response,

webapp/src/translationTools/useErrorTranslation.ts

@@ -1,4 +1,4 @@
-import {useTranslate} from '@tolgee/react';
+import { useTranslate } from '@tolgee/react';
 
 export function useErrorTranslation() {
  const { t } = useTranslate();