Fixed formatting

Author: victoriari

.storybook/main.ts

@@ -1,16 +1,13 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import remarkGfm from 'remark-gfm';
 
-
 async function filterStories(list): Promise<StoriesEntry[]> {
-  console.log(list)
-  return ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)']
+  console.log(list);
+  return ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'];
 }
 
 const config: StorybookConfig = {
-  stories: async (list: StoriesEntry[]) => [
-    ...(await filterStories(list)),
-  ],
+  stories: async (list: StoriesEntry[]) => [...(await filterStories(list))],
   addons: [
     {
       name: '@storybook/addon-docs',

src/App.tsx

@@ -2,9 +2,7 @@
 import React from 'react';
 
 function App() {
-  return (
-    <div></div>
-  );
+  return <div></div>;
 }
 
 export default App;

src/index.tsx

@@ -4,12 +4,12 @@ import App from './App';
 import reportWebVitals from './reportWebVitals';
 
 const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
+  document.getElementById('root') as HTMLElement,
 );
 root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
 
 // If you want to start measuring performance in your app, pass a function

src/lib/components/accordion/accordion.spec.tsx

@@ -6,7 +6,10 @@ import Accordion from './accordion';
 describe('Accordion', () => {
   it('should render successfully', () => {
     const { baseElement } = render(
-      <Accordion renderContent={() => <div>content</div>} children={() => <div>child</div>} />
+      <Accordion
+        renderContent={() => <div>content</div>}
+        children={() => <div>child</div>}
+      />,
     );
     expect(baseElement).toBeTruthy();
   });

src/lib/components/activity-feed-item/activity-feed-item.tsx

@@ -150,9 +150,7 @@ interface ActivityFeedItemProps {
   loading: boolean;
   actionIdentificationHashes: ActionIdentificationHashesType;
   csprLiveDomainPath: string;
-  getAccountInfo: (
-    publicKey: string,
-  ) => AccountInfoResult | null | undefined;
+  getAccountInfo: (publicKey: string) => AccountInfoResult | null | undefined;
   getContractInfoByHash?: (
     contractHash: string,
   ) => ContractResult | null | undefined;

src/lib/components/alert/alert.spec.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import {render} from '@testing-library/react';
+import { render } from '@testing-library/react';
 
-import Alert, {AlertStatus} from './alert';
+import Alert, { AlertStatus } from './alert';
 
 describe('Alert', () => {
   it('should render successfully', () => {
     const { baseElement } = render(
-      <Alert message="test" status={AlertStatus.Success} />
+      <Alert message="test" status={AlertStatus.Success} />,
     );
     expect(baseElement).toBeTruthy();
   });

src/lib/components/badge/badge.tsx

@@ -46,7 +46,7 @@ const StyledBadge = styled.div<StyledBadgeProps>(
     borderRadius: '40px',
     minHeight: '17px',
     padding: '0 6px 1px 6px',
-  })
+  }),
 );
 
 const StyledLabelContentWrapper = styled.div(({ theme }) => ({
@@ -74,7 +74,7 @@ export const Badge = React.forwardRef<HTMLDivElement, BadgeProps>(
         <StyledLabelContentWrapper>{props.label}</StyledLabelContentWrapper>
       </Label>
     </StyledBadge>
-  )
+  ),
 );
 
 export default Badge;

src/lib/components/body-text/body-text.tsx

@@ -23,7 +23,7 @@ const StyledText = styled(Text)<BodyTextProps>(
         3: theme.typography.fontWeight.regular,
         4: theme.typography.fontWeight.light,
       },
-      size
+      size,
     ),
     fontSize: matchSize(
       {
@@ -33,24 +33,24 @@ const StyledText = styled(Text)<BodyTextProps>(
         sm: '0.875rem',
         xs: '0.813rem',
       },
-      scale
+      scale,
     ),
     lineHeight: matchSize(
       {
         sm: '1.5rem',
         xs: '1.25rem',
       },
-      lineHeight
+      lineHeight,
     ),
-      '&:where(h1, h2, h3, h4, h5, h6)': {
-          margin: 0,
-      },
-  })
+    '&:where(h1, h2, h3, h4, h5, h6)': {
+      margin: 0,
+    },
+  }),
 );
 
 export const BodyText = React.forwardRef<Ref, BodyTextProps>(function BodyText(
   props: BodyTextProps,
-  ref
+  ref,
 ) {
   return <StyledText ref={ref} {...props} />;
 });

src/lib/components/caption-text/caption-text.tsx

@@ -16,16 +16,16 @@ const StyledText = styled(Text)<CaptionTextProps>(({ theme, size = 2 }) => ({
       1: theme.typography.fontWeight.medium,
       2: theme.typography.fontWeight.regular,
     },
-    size
+    size,
   ),
   fontSize: '0.688rem',
-    lineHeight: matchSize(
-        {
-            1: '1.25rem',
-            2: '1rem',
-        },
-        size
-    )
+  lineHeight: matchSize(
+    {
+      1: '1.25rem',
+      2: '1rem',
+    },
+    size,
+  ),
 }));
 
 export function CaptionText(props: CaptionTextProps) {

src/lib/components/checkbox/checkbox.tsx

@@ -26,30 +26,30 @@ const StyledFlexRow = styled(FlexRow)<{
         checked && !disabled && customCheckedColor
           ? customCheckedColor
           : checked && !disabled
-          ? theme.styleguideColors.contentBlue
-          : 'none',
+            ? theme.styleguideColors.contentBlue
+            : 'none',
       path: {
         fill:
           checked && !disabled
             ? theme.styleguideColors.backgroundPrimary
             : checked && disabled
-            ? theme.styleguideColors.contentQuaternary
-            : 'none',
+              ? theme.styleguideColors.contentQuaternary
+              : 'none',
       },
       rect: {
         stroke: disabled
           ? theme.styleguideColors.contentQuaternary
           : customUncheckedColor
-          ? customUncheckedColor
-          : theme.styleguideColors.contentBlue,
+            ? customUncheckedColor
+            : theme.styleguideColors.contentBlue,
       },
     },
     span: {
       color: disabled
         ? theme.styleguideColors.contentQuaternary
         : theme.styleguideColors.contentPrimary,
     },
-  })
+  }),
 );
 
 export enum CheckboxFontSize {
@@ -107,16 +107,16 @@ export function Checkbox({
       disabled={disabled}
       onClick={handleClick}
       onKeyDown={(ev) => {
-        if(ev.key === 'Enter'){
-          handleClick(ev)
+        if (ev.key === 'Enter') {
+          handleClick(ev);
         }
       }}
       customCheckedColor={customCheckedColor}
       customUncheckedColor={customUncheckedColor}
       role="checkbox"
       aria-checked={checked}
       aria-disabled={disabled}
-      aria-label={checked ? "Checked" : "Not checked"}
+      aria-label={checked ? 'Checked' : 'Not checked'}
       tabIndex={0}
     >
       <SvgIcon src={iconSrc} />