run nx format (#295)

.github/workflows/add_issue_new_projects.yml

@@ -1,8 +1,7 @@
 ---
-
 name: Auto Assign Issue to New Project
 
-"on":
+'on':
   issues:
     types: [opened]
 

apps/explorer/src/app/lib/apollo-client.tsx

@@ -1,16 +1,16 @@
-import { ApolloClient, from, HttpLink, InMemoryCache } from "@apollo/client";
+import { ApolloClient, from, HttpLink, InMemoryCache } from '@apollo/client';
-import { onError } from "@apollo/client/link/error";
+import { onError } from '@apollo/client/link/error';
-import { RetryLink } from "@apollo/client/link/retry";
+import { RetryLink } from '@apollo/client/link/retry';
 
 export function createClient(base?: string) {
   if (!base) {
-    throw new Error("Base must be passed into createClient!");
+    throw new Error('Base must be passed into createClient!');
   }
-  const gqlPath = "query";
+  const gqlPath = 'query';
   const urlHTTP = new URL(gqlPath, base);
   const urlWS = new URL(gqlPath, base);
   // Replace http with ws, preserving if its a secure connection eg. https => wss
-  urlWS.protocol = urlWS.protocol.replace("http", "ws");
+  urlWS.protocol = urlWS.protocol.replace('http', 'ws');
 
   const cache = new InMemoryCache({
     typePolicies: {
@@ -37,7 +37,7 @@ export function createClient(base?: string) {
 
   const httpLink = new HttpLink({
     uri: urlHTTP.href,
-    credentials: "same-origin",
+    credentials: 'same-origin',
   });
 
   const errorLink = onError(({ graphQLErrors, networkError }) => {
@@ -46,7 +46,7 @@ export function createClient(base?: string) {
   });
 
   return new ApolloClient({
-    connectToDevTools: process.env["NODE_ENV"] === "development",
+    connectToDevTools: process.env['NODE_ENV'] === 'development',
     link: from([errorLink, retryLink, httpLink]),
     cache,
   });

apps/token/src/app.scss

@@ -1,4 +1,4 @@
-@import "./styles/colors";
+@import './styles/colors';
 
 .app {
   max-width: 1300px;

apps/token/src/components/add-locked-token/index.tsx

@@ -1 +1 @@
-export { AddLockedTokenAddress } from "./add-locked-token";
+export { AddLockedTokenAddress } from './add-locked-token';

apps/token/src/components/add-token-button/index.tsx

@@ -1 +1 @@
-export { AddTokenButton, AddTokenButtonLink } from "./add-token-button";
+export { AddTokenButton, AddTokenButtonLink } from './add-token-button';

apps/token/src/components/app-banner/app-banner.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .app-banner {
   background: $white;

apps/token/src/components/app-banner/app-banner.tsx

@@ -1,7 +1,7 @@
-import "./app-banner.scss";
+import './app-banner.scss';
 
-import { useAppState } from "../../contexts/app-state/app-state-context";
+import { useAppState } from '../../contexts/app-state/app-state-context';
-import { Error } from "../icons";
+import { Error } from '../icons';
 
 export const AppBanner = () => {
   const {

apps/token/src/components/app-banner/index.ts

@@ -1 +1 @@
-export * from "./app-banner";
+export * from './app-banner';

apps/token/src/components/app-footer/index.ts

@@ -1 +1 @@
-export * from "./app-footer";
+export * from './app-footer';

apps/token/src/components/balance-manager/index.ts

@@ -1 +1 @@
-export * from "./balance-manager";
+export * from './balance-manager';

apps/token/src/components/bullet-header/bullet-header.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .bullet-header {
   font-size: 16px;
@@ -10,7 +10,7 @@
   width: 100%;
 
   &::before {
-    content: "";
+    content: '';
     display: inline-block;
     width: 12px;
     height: 12px;

apps/token/src/components/bullet-header/bullet-header.tsx

@@ -1,9 +1,9 @@
-import "./bullet-header.scss";
+import './bullet-header.scss';
 
-import React from "react";
+import React from 'react';
 
 interface BulletHeaderProps {
-  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+  tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
   children: React.ReactNode;
   style?: React.CSSProperties;
 }
@@ -11,7 +11,7 @@ interface BulletHeaderProps {
 export const BulletHeader = ({ tag, children, style }: BulletHeaderProps) => {
   return React.createElement(
     tag,
-    { className: "bullet-header", style },
+    { className: 'bullet-header', style },
     children
   );
 };

apps/token/src/components/bullet-header/index.ts

@@ -1 +1 @@
-export * from "./bullet-header";
+export * from './bullet-header';

apps/token/src/components/connected-vega-key/connected-vega-key.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .connected-vega-key {
   color: $white;

apps/token/src/components/connected-vega-key/index.tsx

@@ -1,15 +1,15 @@
-import "./connected-vega-key.scss";
+import './connected-vega-key.scss';
 
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
-import { ConnectToVega } from "../../routes/staking/connect-to-vega";
+import { ConnectToVega } from '../../routes/staking/connect-to-vega';
 
 export const ConnectedVegaKey = ({ pubKey }: { pubKey: string | null }) => {
   const { t } = useTranslation();
   return (
     <section className="connected-vega-key">
       <strong data-testid="connected-vega-key-label">
-        {pubKey ? t("Connected Vega key") : <ConnectToVega />}
+        {pubKey ? t('Connected Vega key') : <ConnectToVega />}
       </strong>
       <p data-testid="connected-vega-key">{pubKey}</p>
     </section>

apps/token/src/components/country-selector/index.ts

@@ -1 +1 @@
-export { CountrySelector } from "./country-selector";
+export { CountrySelector } from './country-selector';

apps/token/src/components/epoch-countdown/index.tsx

@@ -1 +1 @@
-export * from "./epoch-countdown";
+export * from './epoch-countdown';

apps/token/src/components/eth-connect-prompt/index.ts

@@ -1 +1 @@
-export * from "./eth-connect-promp";
+export * from './eth-connect-promp';

apps/token/src/components/eth-wallet-container/index.ts

@@ -1 +1 @@
-export * from "./eth-wallet-container";
+export * from './eth-wallet-container';

apps/token/src/components/eth-wallet/eth-wallet.scss

@@ -1,5 +1,5 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
-@import "../../styles/fonts";
+@import '../../styles/fonts';
 
 .eth-wallet {
   &__pending-tx-button {

apps/token/src/components/eth-wallet/index.tsx

@@ -1 +1 @@
-export * from "./eth-wallet";
+export * from './eth-wallet';

apps/token/src/components/graphql-provider/graphql-provider.tsx

@@ -1,7 +1,7 @@
-import { ApolloProvider } from "@apollo/client";
+import { ApolloProvider } from '@apollo/client';
-import React from "react";
+import React from 'react';
 
-import { client } from "../../lib/apollo-client";
+import { client } from '../../lib/apollo-client';
 
 export const GraphQlProvider = ({
   children,

apps/token/src/components/graphql-provider/index.ts

@@ -1 +1 @@
-export * from "./graphql-provider";
+export * from './graphql-provider';

apps/token/src/components/heading/index.ts

@@ -1 +1 @@
-export { Heading } from "./heading";
+export { Heading } from './heading';

apps/token/src/components/icons/index.ts

@@ -1,6 +1,6 @@
-import "./icons.scss";
+import './icons.scss';
 
-export * from "./error";
+export * from './error';
-export * from "./tick";
+export * from './tick';
-export * from "./hand-up";
+export * from './hand-up';
-export * from "./ethereum";
+export * from './ethereum';

apps/token/src/components/key-value-table/index.tsx

@@ -1 +1 @@
-export { KeyValueTable, KeyValueTableRow } from './key-value-table'
+export { KeyValueTable, KeyValueTableRow } from './key-value-table';

apps/token/src/components/key-value-table/key-value-table.scss

@@ -1,7 +1,7 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
-@import "../../styles/fonts";
+@import '../../styles/fonts';
 
-$ns: "key-value-table";
+$ns: 'key-value-table';
 
 .#{$ns}__header,
 .#{$ns}__footer {

apps/token/src/components/key-value-table/key-value-table.test.tsx

@@ -1,12 +1,12 @@
-import { render, screen } from "@testing-library/react";
+import { render, screen } from '@testing-library/react';
 
-import { KeyValueTable, KeyValueTableRow } from "./key-value-table";
+import { KeyValueTable, KeyValueTableRow } from './key-value-table';
 
 const props = {
-  title: "Title",
+  title: 'Title',
 };
 
-it("Renders the correct elements", () => {
+it('Renders the correct elements', () => {
   const { container } = render(
     <KeyValueTable {...props}>
       <KeyValueTableRow>
@@ -22,20 +22,20 @@ it("Renders the correct elements", () => {
 
   expect(screen.getByText(props.title)).toBeInTheDocument();
 
-  expect(container.querySelector(".key-value-table")).toBeInTheDocument();
+  expect(container.querySelector('.key-value-table')).toBeInTheDocument();
-  expect(container.querySelectorAll(".key-value-table__row")).toHaveLength(2);
+  expect(container.querySelectorAll('.key-value-table__row')).toHaveLength(2);
 
-  const rows = container.querySelectorAll(".key-value-table__row");
+  const rows = container.querySelectorAll('.key-value-table__row');
   // Row 1
-  expect(rows[0].firstChild).toHaveTextContent("My label");
+  expect(rows[0].firstChild).toHaveTextContent('My label');
-  expect(rows[0].children[1]).toHaveTextContent("My value");
+  expect(rows[0].children[1]).toHaveTextContent('My value');
 
   // Row 2
-  expect(rows[1].firstChild).toHaveTextContent("My label 2");
+  expect(rows[1].firstChild).toHaveTextContent('My label 2');
-  expect(rows[1].children[1]).toHaveTextContent("My value 2");
+  expect(rows[1].children[1]).toHaveTextContent('My value 2');
 });
 
-it("Applies numeric class if prop is passed", () => {
+it('Applies numeric class if prop is passed', () => {
   render(
     <KeyValueTable numerical={true} {...props}>
       <KeyValueTableRow>
@@ -45,12 +45,12 @@ it("Applies numeric class if prop is passed", () => {
     </KeyValueTable>
   );
 
-  expect(screen.getByTestId("key-value-table")).toHaveClass(
+  expect(screen.getByTestId('key-value-table')).toHaveClass(
-    "key-value-table--numerical"
+    'key-value-table--numerical'
   );
 });
 
-it("Applies muted class if prop is passed", () => {
+it('Applies muted class if prop is passed', () => {
   render(
     <KeyValueTable muted={true} {...props}>
       <KeyValueTableRow>
@@ -60,7 +60,7 @@ it("Applies muted class if prop is passed", () => {
     </KeyValueTable>
   );
 
-  expect(screen.getByTestId("key-value-table")).toHaveClass(
+  expect(screen.getByTestId('key-value-table')).toHaveClass(
-    "key-value-table--muted"
+    'key-value-table--muted'
   );
 });

apps/token/src/components/key-value-table/key-value-table.tsx

@@ -1,6 +1,6 @@
-import "./key-value-table.scss";
+import './key-value-table.scss';
 
-import * as React from "react";
+import * as React from 'react';
 
 export interface KeyValueTableProps
   extends React.HTMLAttributes<HTMLTableElement> {
@@ -24,10 +24,10 @@ export const KeyValueTable = ({
       <table
         data-testid="key-value-table"
         {...rest}
-        className={`key-value-table ${className ? className : ""} ${
+        className={`key-value-table ${className ? className : ''} ${
-          numerical ? "key-value-table--numerical" : ""
+          numerical ? 'key-value-table--numerical' : ''
         }
-        ${muted ? "key-value-table--muted" : ""}`}
+        ${muted ? 'key-value-table--muted' : ''}`}
       >
         <tbody>{children}</tbody>
       </table>
@@ -49,7 +49,7 @@ export const KeyValueTableRow = ({
   return (
     <tr
       {...rest}
-      className={`key-value-table__row ${className ? className : ""}`}
+      className={`key-value-table__row ${className ? className : ''}`}
     >
       {children[0]}
       {children[1]}

apps/token/src/components/loader/index.ts

@@ -1 +1 @@
-export * from "./loader";
+export * from './loader';

apps/token/src/components/loader/loader.tsx

@@ -1,6 +1,6 @@
-import "./loader.scss";
+import './loader.scss';
 
-import React from "react";
+import React from 'react';
 
 interface LoaderProps {
   invert?: boolean;
@@ -8,7 +8,7 @@ interface LoaderProps {
 
 export const Loader = ({ invert = false }: LoaderProps) => {
   const [, forceRender] = React.useState(false);
-  const className = ["loader", invert ? "loader--dark" : ""].join(" ");
+  const className = ['loader', invert ? 'loader--dark' : ''].join(' ');
 
   React.useEffect(() => {
     const interval = setInterval(() => {

apps/token/src/components/locked-progress/index.ts

@@ -1 +1 @@
-export { LockedProgress } from "./locked-progress";
+export { LockedProgress } from './locked-progress';

apps/token/src/components/locked-progress/locked-progress.scss

@@ -1,5 +1,5 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
-@import "../../styles/fonts";
+@import '../../styles/fonts';
 
 .tranche-item {
   &__progress {

apps/token/src/components/modal/index.ts

@@ -1 +1 @@
-export * from "./modal";
+export * from './modal';

apps/token/src/components/modal/modal.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .modal {
   left: calc(50vw - 200px);

apps/token/src/components/modal/modal.tsx

@@ -1,6 +1,6 @@
-import "./modal.scss";
+import './modal.scss';
 
-import React from "react";
+import React from 'react';
 
 interface ModalProps {
   children: React.ReactNode;

apps/token/src/components/nav/index.ts

@@ -1 +1 @@
-export * from "./nav";
+export * from './nav';

apps/token/src/components/nav/nav.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .nav {
   padding: 20px;
@@ -28,7 +28,7 @@
 
   &--inverted {
     border-bottom: none;
-    background: $vega-yellow3 url("../../images/clouds.png");
+    background: $vega-yellow3 url('../../images/clouds.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 0 -300px;
@@ -85,7 +85,7 @@
   }
 
   &__drawer {
-    background-image: url("../../images/banner.png");
+    background-image: url('../../images/banner.png');
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;

apps/token/src/components/page-templates/template-sidebar.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .template-sidebar {
   border-bottom: 1px solid $white;
@@ -15,7 +15,7 @@
 
   aside {
     padding: 20px;
-    background-image: url("../../images/banner.png");
+    background-image: url('../../images/banner.png');
     background-size: 100% auto;
   }
 

apps/token/src/components/page-templates/template-sidebar.tsx

@@ -1,8 +1,8 @@
-import "./template-sidebar.scss";
+import './template-sidebar.scss';
 
-import React from "react";
+import React from 'react';
 
-import { Nav } from "../nav";
+import { Nav } from '../nav';
 
 export interface TemplateSidebarProps {
   children: React.ReactNode;

apps/token/src/components/splash-error/index.ts

@@ -1 +1 @@
-export * from "./splash-error";
+export * from './splash-error';

apps/token/src/components/splash-error/splash-error.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .splash-error__icon {
   display: flex;

apps/token/src/components/splash-error/splash-error.tsx

@@ -1,6 +1,6 @@
-import "./splash-error.scss";
+import './splash-error.scss';
 
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
 export const SplashError = () => {
   const { t } = useTranslation();
@@ -10,7 +10,7 @@ export const SplashError = () => {
         <span />
         <span />
       </div>
-      {t("networkDown")}
+      {t('networkDown')}
     </div>
   );
 };

apps/token/src/components/splash-loader/index.ts

@@ -1 +1 @@
-export * from "./splash-loader";
+export * from './splash-loader';

apps/token/src/components/splash-loader/splash-loader.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .loading {
   display: flex;

apps/token/src/components/splash-loader/splash-loader.tsx

@@ -1,8 +1,8 @@
-import "./splash-loader.scss";
+import './splash-loader.scss';
 
-import React from "react";
+import React from 'react';
 
-export const SplashLoader = ({ text = "Loading" }: { text?: string }) => {
+export const SplashLoader = ({ text = 'Loading' }: { text?: string }) => {
   const [, forceRender] = React.useState(false);
   React.useEffect(() => {
     const interval = setInterval(() => {

apps/token/src/components/stateful-button/index.ts

@@ -1 +1 @@
-export * from "./stateful-button";
+export * from './stateful-button';

apps/token/src/components/stateful-button/stateful-button.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .stateful-button {
   display: flex;

apps/token/src/components/syntax-highlighter/index.tsx

@@ -1 +1 @@
-export { SyntaxHighlighter } from "./syntax-highlighter";
+export { SyntaxHighlighter } from './syntax-highlighter';

apps/token/src/components/syntax-highlighter/syntax-highlighter.test.tsx

@@ -1,11 +1,11 @@
-import { render, screen } from "@testing-library/react";
+import { render, screen } from '@testing-library/react';
 
-import { SyntaxHighlighter } from "./syntax-highlighter";
+import { SyntaxHighlighter } from './syntax-highlighter';
 
-it("Renders test id and content", () => {
+it('Renders test id and content', () => {
   const data = {};
   render(<SyntaxHighlighter data={data} />);
-  expect(screen.getByTestId("syntax-highlighter")).toHaveTextContent(
+  expect(screen.getByTestId('syntax-highlighter')).toHaveTextContent(
     JSON.stringify(data, null, 2)
   );
 });

apps/token/src/components/token-input/index.tsx

@@ -1 +1 @@
-export * from "./token-input";
+export * from './token-input';

apps/token/src/components/transaction-button/index.ts

@@ -1 +1 @@
-export * from "./transaction-button";
+export * from './transaction-button';

apps/token/src/components/transaction-button/transaction-button.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .transaction-button {
   margin-bottom: 20px;

apps/token/src/components/transaction-callout/index.ts

@@ -1 +1 @@
-export { TransactionCallout } from "./transaction-callout";
+export { TransactionCallout } from './transaction-callout';

apps/token/src/components/transactions-modal/index.ts

@@ -1 +1 @@
-export * from "./transactions-modal";
+export * from './transactions-modal';

apps/token/src/components/transactions-modal/transactions-modal.scss

@@ -1,4 +1,4 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
 
 .transactions-modal {
   &__table {

apps/token/src/components/vega-wallet-container/index.ts

@@ -1 +1 @@
-export * from "./vega-wallet-container";
+export * from './vega-wallet-container';

apps/token/src/components/vega-wallet/download-wallet-prompt.tsx

@@ -1,12 +1,12 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
-import { Colors, Links } from "../../config";
+import { Colors, Links } from '../../config';
 
 export const DownloadWalletPrompt = () => {
   const { t } = useTranslation();
   return (
     <>
-      <h3>{t("getWallet")}</h3>
+      <h3>{t('getWallet')}</h3>
       <p style={{ margin: 0 }}>
         <a
           style={{ color: Colors.DEEMPHASISE }}
@@ -14,7 +14,7 @@ export const DownloadWalletPrompt = () => {
           target="_blank"
           rel="noreferrer"
         >
-          {t("readGuide")}
+          {t('readGuide')}
         </a>
       </p>
       <p style={{ margin: 0 }}>
@@ -24,7 +24,7 @@ export const DownloadWalletPrompt = () => {
           target="_blank"
           rel="noreferrer"
         >
-          {t("downloadWallet")}
+          {t('downloadWallet')}
         </a>
       </p>
     </>

apps/token/src/components/vega-wallet/index.ts

@@ -1 +1 @@
-export * from "./vega-wallet";
+export * from './vega-wallet';

apps/token/src/components/vega-wallet/vega-wallet.scss

@@ -1,5 +1,5 @@
-@import "../../styles/colors";
+@import '../../styles/colors';
-@import "../../styles/fonts";
+@import '../../styles/fonts';
 
 .vega-wallet {
   &__connect {

apps/token/src/components/wallet-card/index.ts

@@ -1 +1 @@
-export * from "./wallet-card";
+export * from './wallet-card';

apps/token/src/components/web3-connector/index.ts

@@ -1 +1 @@
-export * from "./web3-connector";
+export * from './web3-connector';

apps/token/src/config/colors.ts

@@ -1,24 +1,24 @@
 export const Colors = {
-  WHITE: "#FFF",
+  WHITE: '#FFF',
-  RED: "#ED1515",
+  RED: '#ED1515',
-  PINK: "#ff2d5e",
+  PINK: '#ff2d5e',
-  GREEN: "#26ff8a",
+  GREEN: '#26ff8a',
-  TEXT: "#c7c7c7",
+  TEXT: '#c7c7c7',
 
-  BLACK: "#000",
+  BLACK: '#000',
-  DEEMPHASISE: "#8a9ba8",
+  DEEMPHASISE: '#8a9ba8',
-  GRAY_DARK_1: "#292929",
+  GRAY_DARK_1: '#292929',
-  GRAY_DARK_2: "#333",
+  GRAY_DARK_2: '#333',
-  GRAY: "#494949",
+  GRAY: '#494949',
-  GRAY_LIGHT: "#ccc",
+  GRAY_LIGHT: '#ccc',
-  GRAY_LIGHT_1: "#6e6e6e",
+  GRAY_LIGHT_1: '#6e6e6e',
-  GREEN_DARK: "#246340", // Same as GREEN_TRANSPARENT given a background of #1f1f1f
+  GREEN_DARK: '#246340', // Same as GREEN_TRANSPARENT given a background of #1f1f1f
-  GREEN_TRANSPARENT: "rgba(38, 255, 138, 0.3)",
+  GREEN_TRANSPARENT: 'rgba(38, 255, 138, 0.3)',
-  RED_TRANSPARENT: "rgba(255, 38, 65, 0.3)",
+  RED_TRANSPARENT: 'rgba(255, 38, 65, 0.3)',
-  TRANSPARENT: "rgba(0,0,0,0)",
+  TRANSPARENT: 'rgba(0,0,0,0)',
 
-  VEGA_RED: "#ff261a",
+  VEGA_RED: '#ff261a',
-  VEGA_ORANGE: "#d9822b",
+  VEGA_ORANGE: '#d9822b',
-  VEGA_GREEN: "#26ff8a",
+  VEGA_GREEN: '#26ff8a',
-  VEGA_YELLOW: "#daff0d",
+  VEGA_YELLOW: '#daff0d',
 };

apps/token/src/config/index.ts

@@ -1,6 +1,6 @@
-export * from "./colors";
+export * from './colors';
-export * from "./flags";
+export * from './flags';
-export * from "./ethereum";
+export * from './ethereum';
-export * from "./links";
+export * from './links';
-export * from "./network-params";
+export * from './network-params';
-export * from "./vega";
+export * from './vega';

apps/token/src/config/links.ts

@@ -1,15 +1,15 @@
 export const Links = {
-  WALLET_RELEASES: "https://github.com/vegaprotocol/vegawallet-desktop/releases",
+  WALLET_RELEASES:
-  WALLET_GUIDE:
+    'https://github.com/vegaprotocol/vegawallet-desktop/releases',
-    "https://docs.vega.xyz/docs/tools/vega-wallet",
+  WALLET_GUIDE: 'https://docs.vega.xyz/docs/tools/vega-wallet',
-  SUSHI_PAIRS: "https://analytics.sushi.com/pairs/",
+  SUSHI_PAIRS: 'https://analytics.sushi.com/pairs/',
-  SUSHI_ONSEN_MENU: "https://app.sushi.com/farm",
+  SUSHI_ONSEN_MENU: 'https://app.sushi.com/farm',
   SUSHI_ONSEN_WHAT_IS:
-    "https://docs.sushi.com/products/yield-farming/what-is-onsen",
+    'https://docs.sushi.com/products/yield-farming/what-is-onsen',
-  SUSHI_ONSEN_FAQ: "https://docs.sushi.com/faq-1/onsen-faq",
+  SUSHI_ONSEN_FAQ: 'https://docs.sushi.com/faq-1/onsen-faq',
-  FEEDBACK: "https://github.com/vegaprotocol/feedback/discussions",
+  FEEDBACK: 'https://github.com/vegaprotocol/feedback/discussions',
-  GITHUB: "https://github.com/vegaprotocol/token-frontend",
+  GITHUB: 'https://github.com/vegaprotocol/token-frontend',
-  DISCORD: "https://vega.xyz/discord",
+  DISCORD: 'https://vega.xyz/discord',
   STAKING_GUIDE:
-    "https://docs.vega.xyz/docs/concepts/vega-chain/#staking-on-vega",
+    'https://docs.vega.xyz/docs/concepts/vega-chain/#staking-on-vega',
 };

apps/token/src/config/network-params.ts

@@ -1,21 +1,21 @@
 export const NetworkParams = {
-  ETHEREUM_CONFIG: "blockchains.ethereumConfig",
+  ETHEREUM_CONFIG: 'blockchains.ethereumConfig',
-  REWARD_ASSET: "reward.asset",
+  REWARD_ASSET: 'reward.asset',
-  REWARD_PAYOUT_DURATION: "reward.staking.delegation.payoutDelay",
+  REWARD_PAYOUT_DURATION: 'reward.staking.delegation.payoutDelay',
   GOV_UPDATE_MARKET_REQUIRED_MAJORITY:
-    "governance.proposal.updateMarket.requiredMajority",
+    'governance.proposal.updateMarket.requiredMajority',
   GOV_UPDATE_MARKET_REQUIRED_PARTICIPATION:
-    "governance.proposal.updateMarket.requiredParticipation",
+    'governance.proposal.updateMarket.requiredParticipation',
   GOV_NEW_MARKET_REQUIRED_MAJORITY:
-    "governance.proposal.market.requiredMajority",
+    'governance.proposal.market.requiredMajority',
   GOV_NEW_MARKET_REQUIRED_PARTICIPATION:
-    "governance.proposal.market.requiredParticipation",
+    'governance.proposal.market.requiredParticipation',
-  GOV_ASSET_REQUIRED_MAJORITY: "governance.proposal.asset.requiredMajority",
+  GOV_ASSET_REQUIRED_MAJORITY: 'governance.proposal.asset.requiredMajority',
   GOV_ASSET_REQUIRED_PARTICIPATION:
-    "governance.proposal.asset.requiredParticipation",
+    'governance.proposal.asset.requiredParticipation',
   GOV_UPDATE_NET_PARAM_REQUIRED_MAJORITY:
-    "governance.proposal.updateNetParam.requiredMajority",
+    'governance.proposal.updateNetParam.requiredMajority',
   GOV_UPDATE_NET_PARAM_REQUIRED_PARTICIPATION:
-    "governance.proposal.updateNetParam.requiredParticipation",
+    'governance.proposal.updateNetParam.requiredParticipation',
-  VALIDATOR_DELEGATION_MIN_AMOUNT: "validators.delegation.minAmount",
+  VALIDATOR_DELEGATION_MIN_AMOUNT: 'validators.delegation.minAmount',
 };

apps/token/src/hooks/use-document-title.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 
 export function useDocumentTitle(name?: string) {
-  const base = "VEGA token";
+  const base = 'VEGA token';
 
   React.useEffect(() => {
     if (name) {

apps/token/src/hooks/use-ethereum-config.ts

@@ -1,8 +1,8 @@
-import * as Sentry from "@sentry/react";
+import * as Sentry from '@sentry/react';
-import React from "react";
+import React from 'react';
 
-import { NetworkParams } from "../config";
+import { NetworkParams } from '../config';
-import { useNetworkParam } from "./use-network-param";
+import { useNetworkParam } from './use-network-param';
 
 export const useEthereumConfig = () => {
   const { data: ethereumConfigJSON, loading } = useNetworkParam([
@@ -22,7 +22,7 @@ export const useEthereumConfig = () => {
       const config = JSON.parse(configJson);
       return config;
     } catch {
-      Sentry.captureMessage("Ethereum config JSON is invalid");
+      Sentry.captureMessage('Ethereum config JSON is invalid');
       return null;
     }
   }, [ethereumConfigJSON, loading]);

apps/token/src/hooks/use-fetch.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useReducer, useRef } from "react";
+import { useCallback, useEffect, useReducer, useRef } from 'react';
 
 interface State<T> {
   data?: T;
@@ -7,9 +7,9 @@ interface State<T> {
 }
 
 enum ActionType {
-  LOADING = "LOADING",
+  LOADING = 'LOADING',
-  ERROR = "ERROR",
+  ERROR = 'ERROR',
-  FETCHED = "FETCHED",
+  FETCHED = 'FETCHED',
 }
 
 // discriminated union type
@@ -57,7 +57,7 @@ function useFetch<T = unknown>(
         }
 
         const data = (await response.json()) as T;
-        if ("error" in data) {
+        if ('error' in data) {
           // @ts-ignore - data.error
           throw new Error(data.error);
         }

apps/token/src/hooks/use-network-param.tsx

@@ -1,7 +1,7 @@
-import { useQuery } from "@apollo/client";
+import { useQuery } from '@apollo/client';
-import { gql } from "@apollo/client";
+import { gql } from '@apollo/client';
 
-import type { NetworkParams } from "./__generated__/NetworkParams";
+import type { NetworkParams } from './__generated__/NetworkParams';
 
 export const NETWORK_PARAMS_QUERY = gql`
   query NetworkParams {

apps/token/src/hooks/use-pending-transactions.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 
-import { useContracts } from "../contexts/contracts/contracts-context";
+import { useContracts } from '../contexts/contracts/contracts-context';
 
 export const usePendingTransactions = () => {
   const { transactions } = useContracts();

apps/token/src/hooks/use-previous.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export function usePrevious<T>(value: T): T | undefined {
   const ref = React.useRef<T | undefined>(value);

apps/token/src/hooks/use-refresh-associated-balances.ts

@@ -1,10 +1,10 @@
-import React from "react";
+import React from 'react';
 
 import {
   AppStateActionType,
   useAppState,
-} from "../contexts/app-state/app-state-context";
+} from '../contexts/app-state/app-state-context';
-import { useContracts } from "../contexts/contracts/contracts-context";
+import { useContracts } from '../contexts/contracts/contracts-context';
 
 export function useRefreshAssociatedBalances() {
   const { appDispatch } = useAppState();

apps/token/src/lib/bignumber.ts

@@ -1,4 +1,4 @@
-import BigNumber from "bignumber.js";
+import BigNumber from 'bignumber.js';
 
 BigNumber.config({ EXPONENTIAL_AT: 20000 });
 

apps/token/src/lib/date-formats.ts

@@ -1,2 +1,2 @@
-export const DATE_FORMAT_DETAILED = "dd MMMM yyyy HH:mm";
+export const DATE_FORMAT_DETAILED = 'dd MMMM yyyy HH:mm';
-export const DATE_FORMAT_LONG = "dd MMM yyyy";
+export const DATE_FORMAT_LONG = 'dd MMM yyyy';

apps/token/src/lib/decimals.test.ts

@@ -1,20 +1,25 @@
-import { BigNumber } from "./bignumber";
+import { BigNumber } from './bignumber';
-import {addDecimal, removeDecimal} from "./decimals";
+import { addDecimal, removeDecimal } from './decimals';
 
 test('Do not pad numbers with 0s when the number length is less than the specified DPs', () => {
-  expect(addDecimal(new BigNumber(10000), 10)).toEqual("0.000001");
+  expect(addDecimal(new BigNumber(10000), 10)).toEqual('0.000001');
-})
+});
 
 test('Handles large numbers correctly', () => {
-  const claimCode = new BigNumber("20000000000000000000000000")
+  const claimCode = new BigNumber('20000000000000000000000000');
-  const decimals = 18
+  const decimals = 18;
 
-  const decimalised = addDecimal(claimCode, decimals)
+  const decimalised = addDecimal(claimCode, decimals);
-  expect(decimalised.toString()).toEqual("20000000");
+  expect(decimalised.toString()).toEqual('20000000');
 
-  const undecimalised = removeDecimal(claimCode, decimals)
+  const undecimalised = removeDecimal(claimCode, decimals);
-  expect(undecimalised.toString()).toEqual("20000000000000000000000000000000000000000000");
+  expect(undecimalised.toString()).toEqual(
+    '20000000000000000000000000000000000000000000'
+  );
 
-  const mangled = removeDecimal(new BigNumber(addDecimal(claimCode, decimals)), decimals)
+  const mangled = removeDecimal(
-  expect(mangled.toString()).toEqual("20000000000000000000000000")
+    new BigNumber(addDecimal(claimCode, decimals)),
-})
+    decimals
+  );
+  expect(mangled.toString()).toEqual('20000000000000000000000000');
+});

apps/token/src/lib/sig-to-id.test.ts

@@ -1,9 +1,9 @@
-import { sigToId } from "./sig-to-id";
+import { sigToId } from './sig-to-id';
 
-test("creating an id from a signature", () => {
+test('creating an id from a signature', () => {
   const sig =
-    "3594b7f4e1c078aaa65b3efac57e1436da64d60c2961bf432dc62daa36f8b0b2602ed9c990ee46dd8ab5181e19c19b06587f080d22fc4543c1869970e678f20f";
+    '3594b7f4e1c078aaa65b3efac57e1436da64d60c2961bf432dc62daa36f8b0b2602ed9c990ee46dd8ab5181e19c19b06587f080d22fc4543c1869970e678f20f';
   const expected =
-    "9ebd2c424a9426bf5f38112878eb2f99bfdf5ec17b5782b944e6be8177084327";
+    '9ebd2c424a9426bf5f38112878eb2f99bfdf5ec17b5782b944e6be8177084327';
   expect(sigToId(sig)).toEqual(expected);
 });

apps/token/src/lib/sig-to-id.ts

@@ -1,10 +1,10 @@
-import { ethers } from "ethers";
+import { ethers } from 'ethers';
-import { SHA3 } from "sha3";
+import { SHA3 } from 'sha3';
 
 export const sigToId = (sig: string) => {
   // Prepend 0x
-  if (sig.slice(0, 2) !== "0x") {
+  if (sig.slice(0, 2) !== '0x') {
-    sig = "0x" + sig;
+    sig = '0x' + sig;
   }
 
   // Create the ID

apps/token/src/lib/truncate-middle.ts

@@ -1,7 +1,7 @@
 export function truncateMiddle(address: string) {
   return (
     address.slice(0, 6) +
-    "\u2026" +
+    '\u2026' +
     address.slice(address.length - 4, address.length)
   );
 }

apps/token/src/lib/web3-utils.ts

@@ -17,7 +17,7 @@ const IgnoreCodes = {
  * and thus not capture in Sentry
  */
 export const isUnexpectedError = (error: Error | TxError) => {
-  if ("code" in error && Object.values(IgnoreCodes).includes(error.code)) {
+  if ('code' in error && Object.values(IgnoreCodes).includes(error.code)) {
     return false;
   }
   return true;
@@ -28,7 +28,7 @@ export const isUnexpectedError = (error: Error | TxError) => {
  * a transaction confirmation prompt
  */
 export const isUserRejection = (error: Error | TxError) => {
-  if ("code" in error && error.code === IgnoreCodes.USER_REJECTED) {
+  if ('code' in error && error.code === IgnoreCodes.USER_REJECTED) {
     return true;
   }
   return false;
@@ -39,7 +39,7 @@ export const isUserRejection = (error: Error | TxError) => {
  * a transaction confirmation prompt
  */
 export const isAlreadyProcessing = (error: Error | TxError) => {
-  if ("code" in error && error.code === IgnoreCodes.ALREADY_PROCESSING) {
+  if ('code' in error && error.code === IgnoreCodes.ALREADY_PROCESSING) {
     return true;
   }
   return false;

apps/token/src/routes/claim/claim-error.tsx

@@ -1,12 +1,16 @@
-import React from "react";
+import React from 'react';
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
 export const ClaimError = () => {
-  const { t } = useTranslation()
+  const { t } = useTranslation();
   return (
     <section>
-      <h1 data-testid="invalid-claim-code-error-msg">{t("Something doesn't look right")}</h1>
+      <h1 data-testid="invalid-claim-code-error-msg">
-      <p>{t("If you have been given a link please double check and try again")}</p>
+        {t("Something doesn't look right")}
+      </h1>
+      <p>
+        {t('If you have been given a link please double check and try again')}
+      </p>
     </section>
   );
 };

apps/token/src/routes/claim/claim-form/index.ts

@@ -1 +1 @@
-export * from "./claim-form";
+export * from './claim-form';

apps/token/src/routes/claim/claim-restricted.tsx

@@ -1,11 +1,11 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
 export const ClaimRestricted = () => {
   const { t } = useTranslation();
   return (
     <section>
-      <h1>{t("Service unavailable")}</h1>
+      <h1>{t('Service unavailable')}</h1>
-      <p>{t("This service is not available in your country")}</p>
+      <p>{t('This service is not available in your country')}</p>
     </section>
   );
 };

apps/token/src/routes/claim/claim-step-1/index.ts

@@ -1 +1 @@
-export { ClaimStep1 } from "./claim-step-1";
+export { ClaimStep1 } from './claim-step-1';

apps/token/src/routes/claim/claim-step-2/index.ts

@@ -1 +1 @@
-export { ClaimStep2 } from "./claim-step-2";
+export { ClaimStep2 } from './claim-step-2';

apps/token/src/routes/claim/lib/is-restricted.test.ts

@@ -1,29 +1,29 @@
-import { isRestricted } from "./is-restricted";
+import { isRestricted } from './is-restricted';
 
 afterEach(() => {
-    document.cookie = "";
+  document.cookie = '';
-})
+});
 
-test("Returns false on no cookie", () => {
+test('Returns false on no cookie', () => {
-    expect(isRestricted()).toEqual(false);
+  expect(isRestricted()).toEqual(false);
-})
+});
 
-test("Returns false on no restricted cookie", () => {
+test('Returns false on no restricted cookie', () => {
-    document.cookie = "one=a;two=b"
+  document.cookie = 'one=a;two=b';
-    expect(isRestricted()).toEqual(false);
+  expect(isRestricted()).toEqual(false);
-})
+});
 
-test("Returns true if a cookie called restricted is set but false", () => {
+test('Returns true if a cookie called restricted is set but false', () => {
-    document.cookie = "restricted=false"
+  document.cookie = 'restricted=false';
-    expect(isRestricted()).toEqual(false);
+  expect(isRestricted()).toEqual(false);
-})
+});
 
-test("Returns true if a cookie called restricted is set and true", () => {
+test('Returns true if a cookie called restricted is set and true', () => {
-    document.cookie = "restricted=true"
+  document.cookie = 'restricted=true';
-    expect(isRestricted()).toEqual(true);
+  expect(isRestricted()).toEqual(true);
-})
+});
 
-test("Handle weird data", () => {
+test('Handle weird data', () => {
-    document.cookie = ";🍪;;;;;🍪=🍪;;;;;;;;;🍪"
+  document.cookie = ';🍪;;;;;🍪=🍪;;;;;;;;;🍪';
-    expect(isRestricted()).toEqual(true);
+  expect(isRestricted()).toEqual(true);
-})
+});

apps/token/src/routes/claim/target-address-mismatch.tsx

@@ -1,6 +1,6 @@
-import { Trans, useTranslation } from "react-i18next";
+import { Trans, useTranslation } from 'react-i18next';
 
-import { Colors } from "../../config/colors";
+import { Colors } from '../../config/colors';
 
 interface TargetAddressMismatchProps {
   connectedAddress: string;
@@ -15,7 +15,7 @@ export const TargetAddressMismatch = ({
   return (
     <>
       <p>
-        {t("connectedAddress", {
+        {t('connectedAddress', {
           address: connectedAddress,
         })}
       </p>

apps/token/src/routes/claim/targeted-claim/index.ts

@@ -1 +1 @@
-export { TargetedClaim } from "./targeted-claim";
+export { TargetedClaim } from './targeted-claim';

apps/token/src/routes/claim/untargeted-claim/index.ts

@@ -1 +1 @@
-export { UntargetedClaim } from "./untargeted-claim";
+export { UntargetedClaim } from './untargeted-claim';

apps/token/src/routes/claim/verifying.tsx

@@ -1,6 +1,6 @@
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
-import { SplashLoader } from "../../components/splash-loader";
+import { SplashLoader } from '../../components/splash-loader';
 
 export const Verifying = () => {
   const { t } = useTranslation();
@@ -8,12 +8,12 @@ export const Verifying = () => {
     <div
       style={{
         minHeight: 260,
-        display: "flex",
+        display: 'flex',
-        justifyContent: "center",
+        justifyContent: 'center',
-        alignItems: "center",
+        alignItems: 'center',
       }}
     >
-      <SplashLoader text={t("Verifying your claim")} />
+      <SplashLoader text={t('Verifying your claim')} />
     </div>
   );
 };

apps/token/src/routes/governance/components/current-proposal-state/current-proposal-state.scss

@@ -1,4 +1,4 @@
-@import "../../../../styles/colors";
+@import '../../../../styles/colors';
 
 .current-proposal-state {
   &__pass {

apps/token/src/routes/governance/components/current-proposal-state/index.tsx

@@ -1 +1 @@
-export { CurrentProposalState } from "./current-proposal-state";
+export { CurrentProposalState } from './current-proposal-state';

apps/token/src/routes/governance/components/current-proposal-status/current-proposal-status.scss

@@ -1,4 +1,4 @@
-@import "../../../../styles/colors";
+@import '../../../../styles/colors';
 
 .current-proposal-status {
   &__pass {

apps/token/src/routes/governance/components/current-proposal-status/index.tsx

@@ -1 +1 @@
-export { CurrentProposalStatus } from "./current-proposal-status";
+export { CurrentProposalStatus } from './current-proposal-status';

apps/token/src/routes/governance/components/proposal-change-table/index.tsx

@@ -1 +1 @@
-export { ProposalChangeTable } from "./proposal-change-table";
+export { ProposalChangeTable } from './proposal-change-table';

apps/token/src/routes/governance/components/proposal-terms-json/index.tsx

@@ -1 +1 @@
-export { ProposalTermsJson } from "./proposal-terms-json";
+export { ProposalTermsJson } from './proposal-terms-json';

apps/token/src/routes/governance/components/proposal-votes-table/index.tsx

@@ -1 +1 @@
-export { ProposalVotesTable } from "./proposal-votes-table";
+export { ProposalVotesTable } from './proposal-votes-table';

apps/token/src/routes/governance/components/proposal/index.tsx

@@ -1 +1 @@
-export { Proposal } from "./proposal";
+export { Proposal } from './proposal';

apps/token/src/routes/governance/components/proposals-list/index.tsx

@@ -1 +1 @@
-export { ProposalsList } from "./proposals-list";
+export { ProposalsList } from './proposals-list';