fix(build): fix build issues (#282)

* Add synctax hightliter typings

* Minor issues blocking build

Author: ehsan-github

package.json

@@ -57,6 +57,7 @@
     "@types/react": "^16.14.0",
     "@types/react-datepicker": "^3.1.8",
     "@types/react-dom": "^16.9.14",
+    "@types/react-syntax-highlighter": "^15.4.3",
     "@types/rebass": "^4.0.10",
     "@types/rebass__forms": "^4.0.6",
     "@typescript-eslint/eslint-plugin": "^5.29.0",

src/components/code/code.styles.ts

@@ -1,12 +1,12 @@
+import React from 'react';
 import { SxStyleProp } from 'rebass';
 
-export const boxStyles = {
+export const boxStyles: React.CSSProperties = {
   width: '100%',
   lineHeight: '16px',
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
   backgroundColor: 'grayShade3',
-  fonts: 'value',
   fontWeight: 'text',
   marginTop: 0,
   marginBottom: 0,
@@ -21,7 +21,7 @@ export const codeHeaderStyles = {
   fontSize: 'value',
 };
 
-export const lineNumberStyles = {
+export const lineNumberStyles: React.CSSProperties = {
   paddingLeft: '5px',
   paddingRight: '5px',
   marginRight: '10px',

src/components/code/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, useState } from 'react';
 import { Box, FlexProps, Flex } from 'rebass';
 import SyntaxHighlighter from 'react-syntax-highlighter';
+import { hybrid } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import Button from '../button';
 import ExpandViewer from '../expand-viewer';
 
@@ -14,7 +15,6 @@ import Value from '../typography/value';
 import { copyToClipboard, saveToFile } from '../../utils';
 import { PopupProps } from '../popup';
 import { GetIcon, IconName } from '../icon';
-import { hybrid } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 
 const CONTENT_UPPER_BOUND = 12;
 

src/components/file-system-explorer/index.tsx

@@ -144,7 +144,6 @@ const FileSystemExplorer: FC<FileSystemExplorerProps> = ({
         fileListValue={fileListValue}
         value={pathListValue}
         activeFile={activeFile}
-        columns={columns}
         mode={mode}
         handleSelectFile={handleSelectFile}
         rootDir={rootDir}