From d63909005fa6881092a1e257729deeb6be9ec06b Mon Sep 17 00:00:00 2001
From: Ansar Smagulov <ansar@anfragment.net>
Date: Fri, 1 Dec 2023 23:16:30 +0600
Subject: [PATCH] refactor(frontend): run prettify on all files

---
 frontend/src/App.tsx                          | 32 ++----------
 frontend/src/FilterLists/CreateFilterList.tsx | 15 +-----
 frontend/src/FilterLists/index.tsx            | 52 ++++---------------
 frontend/src/RequestLog/index.tsx             | 15 ++----
 frontend/src/SettingsManager/index.tsx        | 14 ++---
 5 files changed, 24 insertions(+), 104 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e9af05d4..05c2ff71 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,12 +1,4 @@
-import {
-  Button,
-  ButtonGroup,
-  Icon,
-  IconSize,
-  FocusStyleManager,
-  NonIdealState,
-  Alert,
-} from '@blueprintjs/core';
+import { Button, ButtonGroup, Icon, IconSize, FocusStyleManager, NonIdealState, Alert } from '@blueprintjs/core';
 import { useState, useEffect } from 'react';
 
 import { StartProxy, StopProxy } from '../wailsjs/go/main/App';
@@ -23,9 +15,7 @@ function App() {
   }, []);
 
   const [proxyState, setProxyState] = useState<'on' | 'off' | 'loading'>('off');
-  const [activeTab, setActiveTab] = useState<
-    'home' | 'filterLists' | 'settings'
-  >('home');
+  const [activeTab, setActiveTab] = useState<'home' | 'filterLists' | 'settings'>('home');
 
   const start = async () => {
     setProxyState('loading');
@@ -55,25 +45,13 @@ function App() {
         </h1>
       </div>
       <ButtonGroup fill minimal className="tabs">
-        <Button
-          icon="circle"
-          active={activeTab === 'home'}
-          onClick={() => setActiveTab('home')}
-        >
+        <Button icon="circle" active={activeTab === 'home'} onClick={() => setActiveTab('home')}>
           Home
         </Button>
-        <Button
-          icon="filter"
-          active={activeTab === 'filterLists'}
-          onClick={() => setActiveTab('filterLists')}
-        >
+        <Button icon="filter" active={activeTab === 'filterLists'} onClick={() => setActiveTab('filterLists')}>
           Filter lists
         </Button>
-        <Button
-          icon="settings"
-          active={activeTab === 'settings'}
-          onClick={() => setActiveTab('settings')}
-        >
+        <Button icon="settings" active={activeTab === 'settings'} onClick={() => setActiveTab('settings')}>
           Settings
         </Button>
       </ButtonGroup>
diff --git a/frontend/src/FilterLists/CreateFilterList.tsx b/frontend/src/FilterLists/CreateFilterList.tsx
index c5efb9a1..24b97885 100644
--- a/frontend/src/FilterLists/CreateFilterList.tsx
+++ b/frontend/src/FilterLists/CreateFilterList.tsx
@@ -14,22 +14,11 @@ export function CreateFilterList({ onAdd }: { onAdd: () => void }) {
   return (
     <div className="filter-lists__create-filter-list">
       <FormGroup label="URL" labelFor="url" labelInfo="(required)">
-        <InputGroup
-          id="url"
-          placeholder="https://example.com/filter-list.txt"
-          required
-          type="url"
-          inputRef={urlRef}
-        />
+        <InputGroup id="url" placeholder="https://example.com/filter-list.txt" required type="url" inputRef={urlRef} />
       </FormGroup>
 
       <FormGroup label="Name" labelFor="name" labelInfo="(optional)">
-        <InputGroup
-          id="name"
-          placeholder="Example filter list"
-          type="text"
-          inputRef={nameRef}
-        />
+        <InputGroup id="name" placeholder="Example filter list" type="text" inputRef={nameRef} />
       </FormGroup>
 
       <Button
diff --git a/frontend/src/FilterLists/index.tsx b/frontend/src/FilterLists/index.tsx
index 6fa988ab..45a669cd 100644
--- a/frontend/src/FilterLists/index.tsx
+++ b/frontend/src/FilterLists/index.tsx
@@ -1,18 +1,8 @@
-import {
-  Spinner,
-  SpinnerSize,
-  Switch,
-  Button,
-  MenuItem,
-} from '@blueprintjs/core';
+import { Spinner, SpinnerSize, Switch, Button, MenuItem } from '@blueprintjs/core';
 import { Select } from '@blueprintjs/select';
 import { useState, useEffect } from 'react';
 
-import {
-  GetFilterLists,
-  RemoveFilterList,
-  ToggleFilterList,
-} from '../../wailsjs/go/config/config';
+import { GetFilterLists, RemoveFilterList, ToggleFilterList } from '../../wailsjs/go/config/config';
 // eslint-disable-next-line import/order
 import { type config } from '../../wailsjs/go/models';
 
@@ -56,20 +46,8 @@ export function FilterLists() {
               <>
                 {item[0].toUpperCase() + item.slice(1)}
                 <span className="bp5-text-muted filter-lists__select-count">
-                  (
-                  {
-                    state.filterLists.filter(
-                      (filterList) =>
-                        filterList.type === item && filterList.enabled,
-                    ).length
-                  }
-                  /
-                  {
-                    state.filterLists.filter(
-                      (filterList) => filterList.type === item,
-                    ).length
-                  }
-                  )
+                  ({state.filterLists.filter((filterList) => filterList.type === item && filterList.enabled).length}/
+                  {state.filterLists.filter((filterList) => filterList.type === item).length})
                 </span>
               </>
             }
@@ -85,15 +63,10 @@ export function FilterLists() {
         popoverProps={{ minimal: true, matchTargetWidth: true }}
         filterable={false}
       >
-        <Button
-          text={type[0].toUpperCase() + type.slice(1)}
-          rightIcon="caret-down"
-        />
+        <Button text={type[0].toUpperCase() + type.slice(1)} rightIcon="caret-down" />
       </Select>
 
-      {state.loading && (
-        <Spinner size={SpinnerSize.SMALL} className="filter-lists__spinner" />
-      )}
+      {state.loading && <Spinner size={SpinnerSize.SMALL} className="filter-lists__spinner" />}
 
       {state.filterLists
         .filter((filterList) => filterList.type === type)
@@ -106,9 +79,7 @@ export function FilterLists() {
           />
         ))}
 
-      {type === FilterListType.CUSTOM && (
-        <CreateFilterList onAdd={fetchLists} />
-      )}
+      {type === FilterListType.CUSTOM && <CreateFilterList onAdd={fetchLists} />}
     </>
   );
 }
@@ -133,10 +104,7 @@ function ListItem({
           disabled={switchLoading}
           onChange={async (e) => {
             setSwitchLoading(true);
-            const err = await ToggleFilterList(
-              filterList.url,
-              e.currentTarget.checked,
-            );
+            const err = await ToggleFilterList(filterList.url, e.currentTarget.checked);
             if (err) {
               AppToaster.show({
                 message: `Failed to toggle filter list: ${err}`,
@@ -150,9 +118,7 @@ function ListItem({
           className="filter-lists__list-switch"
         />
       </div>
-      <div className="bp5-text-muted filter-lists__list-url">
-        {filterList.url}
-      </div>
+      <div className="bp5-text-muted filter-lists__list-url">{filterList.url}</div>
 
       {showDelete && (
         <Button
diff --git a/frontend/src/RequestLog/index.tsx b/frontend/src/RequestLog/index.tsx
index 4291fa76..f79fbd4e 100644
--- a/frontend/src/RequestLog/index.tsx
+++ b/frontend/src/RequestLog/index.tsx
@@ -43,9 +43,7 @@ export function RequestLog() {
   return (
     <div className="request-log">
       {logs.length === 0 ? (
-        <p className="request-log__empty">
-          Start browsing to see blocked requests.
-        </p>
+        <p className="request-log__empty">Start browsing to see blocked requests.</p>
       ) : (
         <CardList compact>
           {logs.map((log) => (
@@ -64,18 +62,11 @@ function RequestLogCard({ log }: { log: Log }) {
 
   return (
     <>
-      <Card
-        key={log.id}
-        className="request-log__card"
-        interactive
-        onClick={() => setIsOpen(!isOpen)}
-      >
+      <Card key={log.id} className="request-log__card" interactive onClick={() => setIsOpen(!isOpen)}>
         <Tag minimal intent="danger">
           {hostname}
         </Tag>
-        <div className="bp5-text-muted">
-          {log.createdAt.toLocaleTimeString([], { timeStyle: 'short' })}
-        </div>
+        <div className="bp5-text-muted">{log.createdAt.toLocaleTimeString([], { timeStyle: 'short' })}</div>
       </Card>
 
       <Collapse isOpen={isOpen}>
diff --git a/frontend/src/SettingsManager/index.tsx b/frontend/src/SettingsManager/index.tsx
index 76a48804..a68f9110 100644
--- a/frontend/src/SettingsManager/index.tsx
+++ b/frontend/src/SettingsManager/index.tsx
@@ -2,7 +2,6 @@ import { NumericInput, FormGroup, Tag } from '@blueprintjs/core';
 import { useEffect, useState } from 'react';
 
 import { GetPort, SetPort } from '../../wailsjs/go/config/config';
-
 import './index.css';
 import { AppToaster } from '../common/toaster';
 
@@ -28,12 +27,7 @@ export function SettingsManager() {
   return (
     <div className="settings-manager">
       <div className="settings-manager__section">
-        <Tag
-          large
-          intent="warning"
-          fill
-          className="settings-manager__section-header"
-        >
+        <Tag large intent="warning" fill className="settings-manager__section-header">
           Advanced
         </Tag>
 
@@ -41,8 +35,10 @@ export function SettingsManager() {
           <FormGroup
             label="Port"
             labelFor="port"
-            helperText={`The port the proxy server will listen on (0 for random).
-            Be careful when using a port below 1024 as it may require elevated privileges.`}
+            helperText={`
+              The port the proxy server will listen on (0 for random).
+              Be careful when using a port below 1024 as it may require elevated privileges.
+            `}
           >
             <NumericInput
               id="port"