From 5910909cb25d60d8d5391efbff272885f0414959 Mon Sep 17 00:00:00 2001
From: znaim <zair.naim@thoughtworks.com>
Date: Mon, 21 Oct 2024 13:09:05 -0400
Subject: [PATCH] ran prettier

---
 .../src/molecules/Header/index.tsx            | 90 +++++++++----------
 1 file changed, 44 insertions(+), 46 deletions(-)

diff --git a/opentrons-ai-client/src/molecules/Header/index.tsx b/opentrons-ai-client/src/molecules/Header/index.tsx
index 99e54e0eeab..1963cf8f434 100644
--- a/opentrons-ai-client/src/molecules/Header/index.tsx
+++ b/opentrons-ai-client/src/molecules/Header/index.tsx
@@ -1,65 +1,63 @@
 import { useTranslation } from 'react-i18next'
-import styled from 'styled-components';
+import styled from 'styled-components'
 
 import {
-    Flex,
-    StyledText,
-    Link as LinkButton,
-    POSITION_ABSOLUTE,
-    TYPOGRAPHY,
-    COLORS,
-    POSITION_RELATIVE,
-    ALIGN_CENTER,
-    JUSTIFY_SPACE_BETWEEN,
+  Flex,
+  StyledText,
+  Link as LinkButton,
+  POSITION_ABSOLUTE,
+  TYPOGRAPHY,
+  COLORS,
+  POSITION_RELATIVE,
+  ALIGN_CENTER,
+  JUSTIFY_SPACE_BETWEEN,
 } from '@opentrons/components'
 import { useAuth0 } from '@auth0/auth0-react'
 
 const HeaderBar = styled(Flex)`
-    position: ${POSITION_RELATIVE};
-    background-color: ${COLORS.white};
-    width: 100%;
-    align-items: ${ALIGN_CENTER};
-    height: 60px;
-`;
+  position: ${POSITION_RELATIVE};
+  background-color: ${COLORS.white};
+  width: 100%;
+  align-items: ${ALIGN_CENTER};
+  height: 60px;
+`
 
 const HeaderBarContent = styled(Flex)`
-    position: ${POSITION_ABSOLUTE};
-    padding: 18px 32px;
-    justify-content: ${JUSTIFY_SPACE_BETWEEN};
-    width: 100%;
-`;
+  position: ${POSITION_ABSOLUTE};
+  padding: 18px 32px;
+  justify-content: ${JUSTIFY_SPACE_BETWEEN};
+  width: 100%;
+`
 
 const HeaderGradientTitle = styled(StyledText)`
-  background: linear-gradient(90deg, #562566 0%, #893BA4 47.5%, #C189D4 100%);
+  background: linear-gradient(90deg, #562566 0%, #893ba4 47.5%, #c189d4 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
-    font-size: 16px;
-`;
+  font-size: 16px;
+`
 
 const HeaderTitle = styled(StyledText)`
-    font-size: 16px;
-`;
+  font-size: 16px;
+`
 
 const LogoutButton = styled(LinkButton)`
-    color: ${COLORS.grey50};
-    font-size: ${TYPOGRAPHY.fontSizeH3};
-`;
+  color: ${COLORS.grey50};
+  font-size: ${TYPOGRAPHY.fontSizeH3};
+`
 
 export function Header(): JSX.Element {
-    const { t } = useTranslation('protocol_generator')
-    const { logout } = useAuth0()
-
-    return (
-        <HeaderBar>
-            <HeaderBarContent>
-                <Flex>
-                    <HeaderTitle>{'Opentrons'}</HeaderTitle>
-                    <HeaderGradientTitle>{'AI'}</HeaderGradientTitle>
-                </Flex>
-                <LogoutButton onClick={() => logout()}>
-                    {t('Log out')}
-                </LogoutButton>
-            </HeaderBarContent>
-        </HeaderBar>
-    )
-}
\ No newline at end of file
+  const { t } = useTranslation('protocol_generator')
+  const { logout } = useAuth0()
+
+  return (
+    <HeaderBar>
+      <HeaderBarContent>
+        <Flex>
+          <HeaderTitle>{'Opentrons'}</HeaderTitle>
+          <HeaderGradientTitle>{'AI'}</HeaderGradientTitle>
+        </Flex>
+        <LogoutButton onClick={() => logout()}>{t('Log out')}</LogoutButton>
+      </HeaderBarContent>
+    </HeaderBar>
+  )
+}