linting

onflow · Jan 18, 2024 · 6d11a93 · 6d11a93
1 parent f94a7dd
commit 6d11a93
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 22 deletions.
diff --git a/src/components/Editor/index.tsx b/src/components/Editor/index.tsx
@@ -28,13 +28,12 @@ const Editor = ({
   active,
   isAnnouncementVisible,
 }: EditorContainerProps) => {
-
   return (
     <>
       {browser && browser.name === 'safari' ? (
         <UnsupportedMessage />
       ) : (
-        <Header isAnnouncementVisible={isAnnouncementVisible}/>
+        <Header isAnnouncementVisible={isAnnouncementVisible} />
       )}
       <CookieDetector />
       <FileExplorer

diff --git a/src/components/TopNav/Announcement.tsx b/src/components/TopNav/Announcement.tsx
@@ -3,9 +3,9 @@ import { SXStyles } from 'src/types';
 import { Box, Flex, Link, useThemeUI } from 'theme-ui';
 
 const Announcement = () => {
-    const context = useThemeUI();
-    const { theme } = context;
-  
+  const context = useThemeUI();
+  const { theme } = context;
+
   const styles: SXStyles = {
     root: {
       backgroundColor: 'white',
@@ -29,8 +29,8 @@ const Announcement = () => {
       padding: '0.15rem',
     },
     devLink: {
-        textDecoration: 'underline',
-        color: `${theme.colors.secondary}`,
+      textDecoration: 'underline',
+      color: `${theme.colors.secondary}`,
     },
   };
 

diff --git a/src/components/TopNav/Header.tsx b/src/components/TopNav/Header.tsx
@@ -4,21 +4,24 @@ import TopNav from '.';
 import { isMobile } from '../Editor/CadenceEditor/ControlPanel/utils';
 
 const headerStyle = {
-    display: 'flex',
-    gridArea: 'header',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'left',
+  display: 'flex',
+  gridArea: 'header',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'left',
 };
 
-const Header = ({isAnnouncementVisible}: {isAnnouncementVisible: boolean}) => {
-    return (
-      <header style={headerStyle}>
-        {!isMobile() && isAnnouncementVisible && <AnnouncementBar />}
-        <TopNav />
-
-      </header>
-    );
+const Header = ({
+  isAnnouncementVisible,
+}: {
+  isAnnouncementVisible: boolean;
+}) => {
+  return (
+    <header style={headerStyle}>
+      {!isMobile() && isAnnouncementVisible && <AnnouncementBar />}
+      <TopNav />
+    </header>
+  );
 };
 
-export default Header;
+export default Header;
diff --git a/src/containers/Playground/index.tsx b/src/containers/Playground/index.tsx
@@ -59,7 +59,9 @@ const getBaseStyles = (
     display: 'grid',
     gridTemplateAreas: "'header header' 'sidebar main'",
     gridTemplateColumns: `[sidebar] ${fileExplorerWidth} [main] auto`,
-    gridTemplateRows: isAnnouncementVisible ? ['40px auto', '105px auto'] : ['40px auto', '50px auto'],
+    gridTemplateRows: isAnnouncementVisible
+      ? ['40px auto', '105px auto']
+      : ['40px auto', '50px auto'],
     overflow: 'hidden',
     filter: showProjectsSidebar ? 'blur(1px)' : 'none',
   };