Cleaned up more imports

Author: jwngr

website/src/components/Home.tsx

@@ -4,10 +4,10 @@ import React, {useCallback, useState} from 'react';
 import {fetchShortestPaths} from '../api.ts';
 import {WikipediaPage, WikipediaPageId} from '../types.ts';
 import {getRandomPageTitle} from '../utils.js';
-import Logo from './common/Logo';
+import {Logo} from './common/Logo';
 import {ErrorMessage} from './ErrorMessage.tsx';
 import {InputFlexContainer, Modal, P} from './Home.styles.ts';
-import Loading from './Loading.tsx';
+import {Loading} from './Loading.tsx';
 import {NavLinks} from './NavLinks.tsx';
 import {PageInput} from './PageInput.tsx';
 import {Results} from './Results.tsx';

website/src/components/Loading.tsx

@@ -99,7 +99,7 @@ const LoadingIndicator = styled.div`
   }
 `;
 
-const Loading: React.FC = () => {
+export const Loading: React.FC = () => {
   const [currentFact, setCurrentFact] = useState(getRandomWikipediaFact());
 
   useEffect(() => {
@@ -144,5 +144,3 @@ const Loading: React.FC = () => {
     </Wrapper>
   );
 };
-
-export default Loading;

website/src/components/PageInput.tsx

@@ -9,7 +9,7 @@ import styled from 'styled-components';
 import {SDOW_USER_AGENT, WIKIPEDIA_API_URL} from '../resources/constants';
 import {WikipediaPage} from '../types';
 import {getRandomPageTitle} from '../utils';
-import PageInputSuggestion from './PageInputSuggestion';
+import {PageInputSuggestion} from './PageInputSuggestion';
 
 type PageSuggestion = Required<Omit<WikipediaPage, 'url'>>;
 

website/src/components/PageInputSuggestion.js

@@ -3,7 +3,7 @@ import React from 'react';
 import defaultPageThumbnail from '../images/defaultPageThumbnail.png';
 import {Description, Image, InnerWrapper, Title, Wrapper} from './PageInputSuggestion.styles';
 
-const PageInputSuggestion = ({title, description, thumbnailUrl}) => {
+export const PageInputSuggestion = ({title, description, thumbnailUrl}) => {
   const descriptionContent = description ? <Description>{description}</Description> : null;
 
   return (
@@ -16,5 +16,3 @@ const PageInputSuggestion = ({title, description, thumbnailUrl}) => {
     </Wrapper>
   );
 };
-
-export default PageInputSuggestion;

website/src/components/Results.tsx

@@ -3,9 +3,9 @@ import styled from 'styled-components';
 
 import {WikipediaPage, WikipediaPageId} from '../types';
 import {getNumberWithCommas, getWikipediaPageUrl} from '../utils';
-import Button from './common/Button.tsx';
+import {Button} from './common/Button.tsx';
 import {StyledTextLink} from './common/StyledTextLink.tsx';
-import ResultsGraph from './ResultsGraph.tsx';
+import {ResultsGraph} from './ResultsGraph.tsx';
 import {ResultsList} from './ResultsList.tsx';
 
 const ResultsMessage = styled.div`

website/src/components/ResultsGraph.tsx

@@ -2,13 +2,12 @@ import * as d3 from 'd3';
 import debounce from 'lodash/debounce';
 import map from 'lodash/map';
 import range from 'lodash/range';
-import some from 'lodash/some';
 import React, {useCallback, useEffect, useMemo, useRef} from 'react';
 import styled from 'styled-components';
 
 import {WikipediaPage, WikipediaPageId} from '../types';
 import {getWikipediaPageUrl} from '../utils';
-import Button from './common/Button.tsx';
+import {Button} from './common/Button.tsx';
 
 const DEFAULT_CHART_HEIGHT = 600;
 
@@ -130,7 +129,7 @@ interface GraphLink {
   readonly target: number;
 }
 
-const Graph: React.FC<{
+export const ResultsGraph: React.FC<{
   readonly paths: readonly WikipediaPageId[][];
   readonly pagesById: Record<WikipediaPageId, WikipediaPage>;
 }> = ({paths, pagesById}) => {
@@ -271,5 +270,3 @@ const Graph: React.FC<{
     </GraphWrapper>
   );
 };
-
-export default Graph;

website/src/components/SearchButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useHistory, useLocation} from 'react-router-dom';
 import styled from 'styled-components';
 
-import Button from './common/Button.tsx';
+import {Button} from './common/Button.tsx';
 
 const SearchButtonWrapper = styled(Button)`
   width: 240px;

website/src/components/blog/Blog/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import {Helmet} from 'react-helmet';
 
-import Logo from '../../common/Logo';
+import {Logo} from '../../common/Logo';
 import {StyledTextLink} from '../../common/StyledTextLink.tsx';
 import NewsletterSignupForm from '../NewsletterSignupForm';
 import posts from '../posts/index.json';

website/src/components/blog/BlogPost/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Loadable from 'react-loadable';
 import {Redirect, useParams} from 'react-router-dom';
 
-import Logo from '../../common/Logo';
+import {Logo} from '../../common/Logo';
 
 const AsyncSearchResultsAnalysisPost = Loadable({
   loader: () => import('../posts/SearchResultsAnalysisPost'),

website/src/components/blog/NewsletterSignupForm/index.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-import Button from '../../common/Button.tsx';
+import {Button} from '../../common/Button.tsx';
 
 export const Wrapper = styled.div`
   display: flex;

website/src/components/blog/posts/SearchResultsAnalysisPost/index.js

@@ -2,8 +2,8 @@ import React from 'react';
 import {Helmet} from 'react-helmet';
 
 import {getNumberWithCommas} from '../../../../utils';
-import BarChart from '../../../charts/BarChart';
-import Table from '../../../charts/Table';
+import {BarChart} from '../../../charts/BarChart';
+import {Table} from '../../../charts/Table';
 import {StyledTextLink} from '../../../common/StyledTextLink.tsx';
 import {
   Divider,

website/src/components/charts/BarChart/index.js

@@ -6,7 +6,7 @@ import {BarChartSvg, BarChartWrapper} from './index.styles';
 
 const DEFAULT_CHART_HEIGHT = 300;
 
-class BarChart extends Component {
+export class BarChart extends Component {
   constructor() {
     super();
 
@@ -126,5 +126,3 @@ class BarChart extends Component {
     );
   }
 }
-
-export default BarChart;

website/src/components/charts/Table/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {TableWrapper} from './index.styles';
 
-const Table = ({headers, rows}) => {
+export const Table = ({headers, rows}) => {
   const headerRow = (
     <tr key="table-header-row">
       {headers.map((header, i) => {
@@ -38,5 +38,3 @@ const Table = ({headers, rows}) => {
     </TableWrapper>
   );
 };
-
-export default Table;

website/src/components/common/Button.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export default styled.button`
+export const Button = styled.button`
   position: relative;
   display: block;
   color: ${({theme}) => theme.colors.creme};

website/src/components/common/Logo/index.js

@@ -21,7 +21,7 @@ const LogoImg = styled.img`
   }
 `;
 
-const Logo = () => (
+export const Logo = () => (
   <Link to="/">
     <LogoImg
       srcSet={`${logo} 462w, ${logo2x} 924w`}
@@ -31,5 +31,3 @@ const Logo = () => (
     />
   </Link>
 );
-
-export default Logo;