Button: update to named export

Author: clairep94

client/common/Button.stories.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { action } from '@storybook/addon-actions';
 
-import Button from './Button';
+import { Button } from './Button';
 import { GithubIcon, DropdownArrowIcon, PlusIcon } from './icons';
 
 export default {

client/common/Button.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent } from '../test-utils';
-import Button from './Button';
+import { Button } from './Button';
 
 const MockIcon = (props: React.SVGProps<SVGSVGElement>) => (
   <svg data-testid="mock-icon" {...props} />

client/common/Button.tsx

@@ -178,7 +178,7 @@ const StyledInlineButton = styled.button`
 /**
  * A Button performs an primary action
  */
-const Button = ({
+export const Button = ({
   children = null,
   display = Displays.block,
   href,
@@ -248,5 +248,3 @@ const Button = ({
 
 Button.kinds = Kinds;
 Button.displays = Displays;
-
-export default Button;

client/common/IconButton.tsx

@@ -1,6 +1,6 @@
 import React, { ComponentType } from 'react';
 import styled from 'styled-components';
-import Button, { ButtonProps } from './Button';
+import { Button, ButtonProps } from './Button';
 import { remSize } from '../theme';
 
 const ButtonWrapper = styled(Button)`

client/modules/IDE/components/NewFileForm.jsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 import { handleCreateFile } from '../actions/files';
 import { CREATE_FILE_REGEX } from '../../../../server/utils/fileUtils';
 
-import Button from '../../../common/Button';
+import { Button } from '../../../common/Button';
 
 function NewFileForm() {
   const fileNameInput = useRef(null);

client/modules/IDE/components/NewFolderForm.jsx

@@ -2,7 +2,7 @@ import React, { useRef, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Form, Field } from 'react-final-form';
 import { useDispatch } from 'react-redux';
-import Button from '../../../common/Button';
+import { Button } from '../../../common/Button';
 import { handleCreateFolder } from '../actions/files';
 
 function NewFolderForm() {

client/modules/User/components/APIKeyForm.jsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
-import Button from '../../../common/Button';
+import { Button } from '../../../common/Button';
 import { PlusIcon } from '../../../common/icons';
 import CopyableInput from '../../IDE/components/CopyableInput';
 import { createApiKey, removeApiKey } from '../actions';

client/modules/User/components/AccountForm.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Form, Field } from 'react-final-form';
 import { useSelector, useDispatch } from 'react-redux';
 import { useTranslation } from 'react-i18next';
-import Button from '../../../common/Button';
+import { Button } from '../../../common/Button';
 import { validateSettings } from '../../../utils/reduxFormUtils';
 import { updateSettings, initiateVerification } from '../actions';
 import apiClient from '../../../utils/apiClient';

client/modules/User/components/CollectionCreate.jsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 
 import { generateCollectionName } from '../../../utils/generateRandomName';
-import Button from '../../../common/Button';
+import { Button } from '../../../common/Button';
 import { createCollection } from '../../IDE/actions/collections';
 
 const CollectionCreate = () => {

client/modules/User/components/CollectionMetadata.jsx

@@ -4,7 +4,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
-import Button from '../../../common/Button';
+import { Button } from '../../../common/Button';
 import Overlay from '../../App/components/Overlay';
 import { editCollection } from '../../IDE/actions/collections';
 import AddToCollectionSketchList from '../../IDE/components/AddToCollectionSketchList';