FeaturePanel: refactoring - move stuff to helpers/

src/components/FeaturePanel/FeatureHeading.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { EditIconButton } from './EditIconButton';
+import { EditIconButton } from './helpers/EditIconButton';
 
 const Wrapper = styled.div`
   font-size: 36px;

src/components/FeaturePanel/Property.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import WebsiteRenderer from './renderers/WebsiteRenderer';
 import OpeningHoursRenderer from './renderers/OpeningHoursRenderer';
 import PhoneRenderer from './renderers/PhoneRenderer';
-import { EditIconButton } from './EditIconButton';
+import { EditIconButton } from './helpers/EditIconButton';
 
 const Wrapper = styled.div`
   position: relative;

src/components/FeaturePanel/TagsTable.tsx

@@ -3,9 +3,10 @@ import styled from 'styled-components';
 import truncate from 'lodash/truncate';
 
 import { slashToOptionalBr, useToggleState } from '../helpers';
-import { getUrlForTag, ToggleButton } from './helpers';
-import { EditIconButton } from './EditIconButton';
+import { getUrlForTag } from './helpers/getUrlForTag';
+import { EditIconButton } from './helpers/EditIconButton';
 import { buildAddress } from '../../services/helpers';
+import { ToggleButton } from './helpers/ToggleButton';
 
 const Wrapper = styled.div`
   position: relative;

src/components/FeaturePanel/EditIconButton.tsx → src/components/FeaturePanel/helpers/EditIconButton.tsx

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import IconButton from '@material-ui/core/IconButton';
 import Edit from '@material-ui/icons/Edit';
 import React from 'react';
-import { t } from '../../services/intl';
+import { t } from '../../../services/intl';
 
 const StyledIconButton = styled(IconButton)`
   position: absolute !important; /* TODO mui styles takes precendence, why? */

src/components/FeaturePanel/helpers/ToggleButton.tsx

@@ -0,0 +1,17 @@
+import IconButton from '@material-ui/core/IconButton';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import ExpandLessIcon from '@material-ui/icons/ExpandLess';
+import React from 'react';
+import styled from 'styled-components';
+
+const StyledToggleButton = styled(IconButton)`
+  position: absolute !important;
+  margin: -11px 0 0 0 !important;
+`;
+
+export const ToggleButton = ({ onClick, isShown }) => (
+  <StyledToggleButton onClick={onClick} aria-label="Toggle">
+    {!isShown && <ExpandMoreIcon fontSize="small" />}
+    {isShown && <ExpandLessIcon fontSize="small" />}
+  </StyledToggleButton>
+);

src/components/FeaturePanel/helpers.tsx → src/components/FeaturePanel/helpers/getUrlForTag.tsx

@@ -1,9 +1,3 @@
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import ExpandLessIcon from '@material-ui/icons/ExpandLess';
-import React from 'react';
-import styled from 'styled-components';
-import IconButton from '@material-ui/core/IconButton';
-
 const urlRegExp = /^https?:\/\/.+/;
 
 export const getUrlForTag = (k, v) => {
@@ -46,14 +40,3 @@ export const getUrlForTag = (k, v) => {
 
   return null;
 };
-
-const StyledToggleButton = styled(IconButton)`
-  position: absolute !important;
-  margin: -11px 0 0 0 !important;
-`;
-export const ToggleButton = ({ onClick, isShown }) => (
-  <StyledToggleButton onClick={onClick} aria-label="Toggle">
-    {!isShown && <ExpandMoreIcon fontSize="small" />}
-    {isShown && <ExpandLessIcon fontSize="small" />}
-  </StyledToggleButton>
-);

src/components/FeaturePanel/renderers/OpeningHoursRenderer.tsx

@@ -3,8 +3,8 @@ import { SimpleOpeningHours } from 'simple-opening-hours';
 import styled from 'styled-components';
 import AccessTime from '@material-ui/icons/AccessTime';
 import { useToggleState } from '../../helpers';
-import { ToggleButton } from '../helpers';
 import { t } from '../../../services/intl';
+import { ToggleButton } from '../helpers/ToggleButton';
 
 interface SimpleOpeningHoursTable {
   su: string[];