From d15bc091e0adf5ba24178a377daf95c9bb626e95 Mon Sep 17 00:00:00 2001 From: Ivan Manzhosov Date: Fri, 12 Jul 2024 09:58:26 +0300 Subject: [PATCH] fix: FE prettier --- webapp/commit_list.txt | 66 ++++++++++++++++++ webapp/src/.DS_Store | Bin 6148 -> 10244 bytes webapp/src/ThemeProvider.tsx | 12 ++-- webapp/src/colors.tsx | 2 +- webapp/src/component/CustomIcons.tsx | 4 +- webapp/src/component/EmailNotVerifiedView.tsx | 22 +++--- .../layout/TopBanner/Announcement.tsx | 8 +-- .../component/layout/TopBanner/TopBanner.tsx | 23 +++--- .../layout/TopBanner/useAnnouncement.tsx | 14 ++-- webapp/src/custom.d.ts | 40 +++++------ .../useQuickStartGuideService.tsx | 17 +++-- webapp/src/service/http/ApiHttpService.tsx | 18 ++--- webapp/src/service/http/handleApiError.tsx | 16 ++--- .../translationTools/useErrorTranslation.ts | 2 +- 14 files changed, 158 insertions(+), 86 deletions(-) create mode 100644 webapp/commit_list.txt diff --git a/webapp/commit_list.txt b/webapp/commit_list.txt new file mode 100644 index 0000000000..93cdb19d8f --- /dev/null +++ b/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 \ No newline at end of file diff --git a/webapp/src/.DS_Store b/webapp/src/.DS_Store index 783f3dc3caa61a8a0a2426883189a320c6a37a2d..88a406cd719882556fd9e748ba400242dec5ea04 100644 GIT binary patch literal 10244 zcmeHMU2GIp6uxKL(iuCzv{L?L*_8!spruP&5Gdl(mY+&1m2K&^6zlBH(2kv*sXMc~ z1yU_B82=LgjXn_-O?)A0G-3=yeKJu(G!2O)5~B~|i%-0u5j^+a+0t&;Ck+rYcXRKV zd+s@R?)m1NxpVFkLZBt1ttTWz2obSTs>s+BDRi9HSw-+T3Q|CQLTq9Y9jn`J&XV>S zJ_0@hJ_0@hJ_0@hw*vyWXVW59aO$@{0zLvh0#gXk_d^IPrBRPgaLQgC*sv4;X(_T< z!E2fhP@RxRqaK~$6i2WCS4GNI!AmiKt0O<;$wfUn!6{cK;3Xg6-5IR2CmSx*-y&4K;0S8m|o<-P}O08#j)ROJa4nzIor^ zh?%nNXW7~bc&`vLm-naI=ZafqI@wlkSxGE!*~PqN(j67@+(2)z7%7?|1C9+sY;zRFsUP@6&NEBdfRJj5t*lz1!YVI*qemPdiA%(FiwDIyG-maAi$h z!@XOhJK8%Rnw+mxR>^Yp!rrXm7ztDFQ=O!4X@)h_lQT4TxF0dLT;q_TrzNQpYP&5p zrB7BZUb6JAWq|;fxuKJvC7wwbk7W$^uo4zUeviP4up}y<3~0E>PFtfhYHTDBSaFXi z9-#czw2m!j%Yn7EsGxQ`2#~kT$a+aqobC~H1gyeumzf7D{O;3&<#DX9}+MECZxay7slancmj^WQ}6=32rt1a z@Fu(s@4!iT4^F|Sa2h^?uizW_7S6$WxCFn#W%v!Qz+Z3;t_zjIQemaAN?0w_3lX6~ zXcTq|yM!*GPe=$u!Z5c$$OqlQnU)EMv0vl`ghA)MPJ~m%gD$vhcl!f!$88^UKg^?H zcISfXg^NO~*3>s`x^MfGGjiX}yX*8YV4goCUYO@I?{)!@FyPbwNeIc;($lut8QzFd8MMyCGO7D+LZeLlul@Zya*_Om{(gmAg*i|G3Iw4B*1;z9@13w4 z+MxqF(Z}P^2M1sPbQpqRcoaR}g)HRYFdTs=;W+yH)9?(u46nj#@H(7;x6tcP!n^46 zAHaw35qu73;4FLrUo!8XgdgE&_@%&~J7@YcTq*9)*;v{#ZEFZeX(Vuuw}?YrqS6C% z;fmf9=+;oy7PQeHQ=NBIV9|0c$9|0c$jz9?~ zA$tD5>>sJn#64jYmD+1gA_L^_V)+oAhVE%{+AT^M618CvHJLcI)&1zX2h`XHozF delta 124 zcmZn(XfcprU|?W$DortDU=RQ@Ie-{MGjUEV6q~50$jG%ZU^gQp*JL{ZvB^pTs+&8+ z3mGS$l;q!7;=r<)or6P=8K@cv1h|2OD@fzU!tczJ`BfZ2CNnTHFtC7VCWz5svCZ*3 GbC>~AXA{-{ diff --git a/webapp/src/ThemeProvider.tsx b/webapp/src/ThemeProvider.tsx index 27fbb63027..2297ec6324 100644 --- a/webapp/src/ThemeProvider.tsx +++ b/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'; diff --git a/webapp/src/colors.tsx b/webapp/src/colors.tsx index 1aff559236..1d76c4cb6a 100644 --- a/webapp/src/colors.tsx +++ b/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', diff --git a/webapp/src/component/CustomIcons.tsx b/webapp/src/component/CustomIcons.tsx index dae9b027ea..76104aaf72 100644 --- a/webapp/src/component/CustomIcons.tsx +++ b/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'; diff --git a/webapp/src/component/EmailNotVerifiedView.tsx b/webapp/src/component/EmailNotVerifiedView.tsx index e8e64e76cf..ab3f069ba0 100644 --- a/webapp/src/component/EmailNotVerifiedView.tsx +++ b/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; diff --git a/webapp/src/component/layout/TopBanner/Announcement.tsx b/webapp/src/component/layout/TopBanner/Announcement.tsx index cfe5e9115a..3690b5d4aa 100644 --- a/webapp/src/component/layout/TopBanner/Announcement.tsx +++ b/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; diff --git a/webapp/src/component/layout/TopBanner/TopBanner.tsx b/webapp/src/component/layout/TopBanner/TopBanner.tsx index 1411895950..523af8f8cc 100644 --- a/webapp/src/component/layout/TopBanner/TopBanner.tsx +++ b/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; diff --git a/webapp/src/component/layout/TopBanner/useAnnouncement.tsx b/webapp/src/component/layout/TopBanner/useAnnouncement.tsx index a2356feb53..b3f8fb54fe 100644 --- a/webapp/src/component/layout/TopBanner/useAnnouncement.tsx +++ b/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']; diff --git a/webapp/src/custom.d.ts b/webapp/src/custom.d.ts index 02664d4b36..9d303ab81f 100644 --- a/webapp/src/custom.d.ts +++ b/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>; diff --git a/webapp/src/globalContext/useQuickStartGuideService.tsx b/webapp/src/globalContext/useQuickStartGuideService.tsx index 9f206419b6..b7d874c15b 100644 --- a/webapp/src/globalContext/useQuickStartGuideService.tsx +++ b/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 diff --git a/webapp/src/service/http/ApiHttpService.tsx b/webapp/src/service/http/ApiHttpService.tsx index 0db6ff0a69..780c135863 100644 --- a/webapp/src/service/http/ApiHttpService.tsx +++ b/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) => { diff --git a/webapp/src/service/http/handleApiError.tsx b/webapp/src/service/http/handleApiError.tsx index 8932d44ed7..9cb626d8f4 100644 --- a/webapp/src/service/http/handleApiError.tsx +++ b/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, diff --git a/webapp/src/translationTools/useErrorTranslation.ts b/webapp/src/translationTools/useErrorTranslation.ts index 042bb2a047..3f0f3b5487 100644 --- a/webapp/src/translationTools/useErrorTranslation.ts +++ b/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();