From f2a92f2ccde5e125a236139f8fdb32687e7d103e Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 23 Apr 2020 10:09:12 +1000
Subject: [PATCH] Refactored component folder structure to be a little clearer

---
 src/components/{ => map}/AddMapButton.js      |  4 +--
 src/components/{ => map}/Map.js               |  6 ++--
 src/components/{ => map}/MapControls.js       | 28 +++++++++----------
 src/components/{ => map}/MapDrawing.js        |  6 ++--
 src/components/{ => map}/MapMenu.js           |  0
 src/components/{ => map}/MapToken.js          |  6 ++--
 .../{ => party}/AddPartyMemberButton.js       |  4 +--
 .../{ => party}/ChangeNicknameButton.js       |  4 +--
 src/components/{ => party}/Nickname.js        |  0
 src/components/{ => party}/Party.js           |  0
 .../{ => party}/StartStreamButton.js          |  2 +-
 src/components/{ => party}/Stream.js          |  2 +-
 src/components/{ => token}/ListToken.js       |  2 +-
 src/components/{ => token}/ProxyToken.js      |  2 +-
 src/components/{ => token}/TokenLabel.js      |  2 +-
 src/components/{ => token}/TokenMenu.js       |  4 +--
 src/components/{ => token}/TokenStatus.js     |  2 +-
 src/components/{ => token}/Tokens.js          |  4 +--
 src/routes/Game.js                            |  6 ++--
 19 files changed, 42 insertions(+), 42 deletions(-)
 rename src/components/{ => map}/AddMapButton.js (95%)
 rename src/components/{ => map}/Map.js (98%)
 rename src/components/{ => map}/MapControls.js (91%)
 rename src/components/{ => map}/MapDrawing.js (97%)
 rename src/components/{ => map}/MapMenu.js (100%)
 rename src/components/{ => map}/MapToken.js (91%)
 rename src/components/{ => party}/AddPartyMemberButton.js (84%)
 rename src/components/{ => party}/ChangeNicknameButton.js (89%)
 rename src/components/{ => party}/Nickname.js (100%)
 rename src/components/{ => party}/Party.js (100%)
 rename src/components/{ => party}/StartStreamButton.js (97%)
 rename src/components/{ => party}/Stream.js (99%)
 rename src/components/{ => token}/ListToken.js (87%)
 rename src/components/{ => token}/ProxyToken.js (99%)
 rename src/components/{ => token}/TokenLabel.js (95%)
 rename src/components/{ => token}/TokenMenu.js (98%)
 rename src/components/{ => token}/TokenStatus.js (95%)
 rename src/components/{ => token}/Tokens.js (94%)

diff --git a/src/components/AddMapButton.js b/src/components/map/AddMapButton.js
similarity index 95%
rename from src/components/AddMapButton.js
rename to src/components/map/AddMapButton.js
index 16baa75..d0ff197 100644
--- a/src/components/AddMapButton.js
+++ b/src/components/map/AddMapButton.js
@@ -1,8 +1,8 @@
 import React, { useRef, useState, useEffect } from "react";
 import { IconButton } from "theme-ui";
 
-import AddMapModal from "../modals/AddMapModal";
-import AddMapIcon from "../icons/AddMapIcon";
+import AddMapModal from "../../modals/AddMapModal";
+import AddMapIcon from "../../icons/AddMapIcon";
 
 const defaultMapSize = 22;
 
diff --git a/src/components/Map.js b/src/components/map/Map.js
similarity index 98%
rename from src/components/Map.js
rename to src/components/map/Map.js
index bb4b961..0108a9a 100644
--- a/src/components/Map.js
+++ b/src/components/map/Map.js
@@ -2,13 +2,13 @@ import React, { useRef, useEffect, useState } from "react";
 import { Box, Image } from "theme-ui";
 import interact from "interactjs";
 
-import ProxyToken from "./ProxyToken";
-import TokenMenu from "./TokenMenu";
+import ProxyToken from "../token/ProxyToken";
+import TokenMenu from "../token/TokenMenu";
 import MapToken from "./MapToken";
 import MapDrawing from "./MapDrawing";
 import MapControls from "./MapControls";
 
-import { omit } from "../helpers/shared";
+import { omit } from "../../helpers/shared";
 
 const mapTokenProxyClassName = "map-token__proxy";
 const mapTokenMenuClassName = "map-token__menu";
diff --git a/src/components/MapControls.js b/src/components/map/MapControls.js
similarity index 91%
rename from src/components/MapControls.js
rename to src/components/map/MapControls.js
index 2e9b33f..aa4f10b 100644
--- a/src/components/MapControls.js
+++ b/src/components/map/MapControls.js
@@ -2,23 +2,23 @@ import React, { useState, useEffect, useRef } from "react";
 import { Flex, Box, IconButton, Label } from "theme-ui";
 
 import AddMapButton from "./AddMapButton";
-import ExpandMoreIcon from "../icons/ExpandMoreIcon";
-import PanToolIcon from "../icons/PanToolIcon";
-import BrushToolIcon from "../icons/BrushToolIcon";
-import EraseToolIcon from "../icons/EraseToolIcon";
-import UndoIcon from "../icons/UndoIcon";
-import RedoIcon from "../icons/RedoIcon";
-import GridOnIcon from "../icons/GridOnIcon";
-import GridOffIcon from "../icons/GridOffIcon";
-import BlendOnIcon from "../icons/BlendOnIcon";
-import BlendOffIcon from "../icons/BlendOffIcon";
-import GestureOnIcon from "../icons/GestureOnIcon";
-import GestureOffIcon from "../icons/GestureOffIcon";
+import ExpandMoreIcon from "../../icons/ExpandMoreIcon";
+import PanToolIcon from "../../icons/PanToolIcon";
+import BrushToolIcon from "../../icons/BrushToolIcon";
+import EraseToolIcon from "../../icons/EraseToolIcon";
+import UndoIcon from "../../icons/UndoIcon";
+import RedoIcon from "../../icons/RedoIcon";
+import GridOnIcon from "../../icons/GridOnIcon";
+import GridOffIcon from "../../icons/GridOffIcon";
+import BlendOnIcon from "../../icons/BlendOnIcon";
+import BlendOffIcon from "../../icons/BlendOffIcon";
+import GestureOnIcon from "../../icons/GestureOnIcon";
+import GestureOffIcon from "../../icons/GestureOffIcon";
 
-import colors, { colorOptions } from "../helpers/colors";
+import colors, { colorOptions } from "../../helpers/colors";
 
 import MapMenu from "./MapMenu";
-import EraseAllIcon from "../icons/EraseAllIcon";
+import EraseAllIcon from "../../icons/EraseAllIcon";
 
 function MapControls({
   onMapChange,
diff --git a/src/components/MapDrawing.js b/src/components/map/MapDrawing.js
similarity index 97%
rename from src/components/MapDrawing.js
rename to src/components/map/MapDrawing.js
index 2387eef..3b26ee2 100644
--- a/src/components/MapDrawing.js
+++ b/src/components/map/MapDrawing.js
@@ -2,10 +2,10 @@ import React, { useRef, useEffect, useState } from "react";
 import simplify from "simplify-js";
 import shortid from "shortid";
 
-import colors from "../helpers/colors";
-import { snapPositionToGrid } from "../helpers/shared";
+import colors from "../../helpers/colors";
+import { snapPositionToGrid } from "../../helpers/shared";
 
-import { pointsToGesture, gestureToData } from "../helpers/gestures";
+import { pointsToGesture, gestureToData } from "../../helpers/gestures";
 
 function MapDrawing({
   width,
diff --git a/src/components/MapMenu.js b/src/components/map/MapMenu.js
similarity index 100%
rename from src/components/MapMenu.js
rename to src/components/map/MapMenu.js
diff --git a/src/components/MapToken.js b/src/components/map/MapToken.js
similarity index 91%
rename from src/components/MapToken.js
rename to src/components/map/MapToken.js
index 0923478..5dfb799 100644
--- a/src/components/MapToken.js
+++ b/src/components/map/MapToken.js
@@ -1,10 +1,10 @@
 import React, { useRef } from "react";
 import { Box, Image } from "theme-ui";
 
-import TokenLabel from "./TokenLabel";
-import TokenStatus from "./TokenStatus";
+import TokenLabel from "../token/TokenLabel";
+import TokenStatus from "../token/TokenStatus";
 
-import usePreventTouch from "../helpers/usePreventTouch";
+import usePreventTouch from "../../helpers/usePreventTouch";
 
 function MapToken({ token, tokenSizePercent, className }) {
   const imageRef = useRef();
diff --git a/src/components/AddPartyMemberButton.js b/src/components/party/AddPartyMemberButton.js
similarity index 84%
rename from src/components/AddPartyMemberButton.js
rename to src/components/party/AddPartyMemberButton.js
index b26dd7f..b2932b1 100644
--- a/src/components/AddPartyMemberButton.js
+++ b/src/components/party/AddPartyMemberButton.js
@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { IconButton } from "theme-ui";
 
-import AddPartyMemberModal from "../modals/AddPartyMemberModal";
-import AddPartyMemberIcon from "../icons/AddPartyMemberIcon";
+import AddPartyMemberModal from "../../modals/AddPartyMemberModal";
+import AddPartyMemberIcon from "../../icons/AddPartyMemberIcon";
 
 function AddPartyMemberButton({ gameId }) {
   const [isAddModalOpen, setIsAddModalOpen] = useState(false);
diff --git a/src/components/ChangeNicknameButton.js b/src/components/party/ChangeNicknameButton.js
similarity index 89%
rename from src/components/ChangeNicknameButton.js
rename to src/components/party/ChangeNicknameButton.js
index 4b4194b..9ccda8e 100644
--- a/src/components/ChangeNicknameButton.js
+++ b/src/components/party/ChangeNicknameButton.js
@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { IconButton } from "theme-ui";
 
-import ChangeNicknameModal from "../modals/ChangeNicknameModal";
-import ChangeNicknameIcon from "../icons/ChangeNicknameIcon";
+import ChangeNicknameModal from "../../modals/ChangeNicknameModal";
+import ChangeNicknameIcon from "../../icons/ChangeNicknameIcon";
 
 function ChangeNicknameButton({ nickname, onChange }) {
   const [isChangeModalOpen, setIsChangeModalOpen] = useState(false);
diff --git a/src/components/Nickname.js b/src/components/party/Nickname.js
similarity index 100%
rename from src/components/Nickname.js
rename to src/components/party/Nickname.js
diff --git a/src/components/Party.js b/src/components/party/Party.js
similarity index 100%
rename from src/components/Party.js
rename to src/components/party/Party.js
diff --git a/src/components/StartStreamButton.js b/src/components/party/StartStreamButton.js
similarity index 97%
rename from src/components/StartStreamButton.js
rename to src/components/party/StartStreamButton.js
index b2f8703..f13520a 100644
--- a/src/components/StartStreamButton.js
+++ b/src/components/party/StartStreamButton.js
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { IconButton, Box, Text, Link } from "theme-ui";
 import adapter from "webrtc-adapter";
 
-import StartStreamModal from "../modals/StartStreamModal";
+import StartStreamModal from "../../modals/StartStreamModal";
 
 function StartStreamButton({ onStreamStart, onStreamEnd, stream }) {
   const [isStreamModalOpoen, setIsStreamModalOpen] = useState(false);
diff --git a/src/components/Stream.js b/src/components/party/Stream.js
similarity index 99%
rename from src/components/Stream.js
rename to src/components/party/Stream.js
index 4583fea..beccd0a 100644
--- a/src/components/Stream.js
+++ b/src/components/party/Stream.js
@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from "react";
 import { Text, IconButton, Box } from "theme-ui";
 
-import Banner from "./Banner";
+import Banner from "../Banner";
 
 function Stream({ stream, nickname }) {
   const [streamMuted, setStreamMuted] = useState(false);
diff --git a/src/components/ListToken.js b/src/components/token/ListToken.js
similarity index 87%
rename from src/components/ListToken.js
rename to src/components/token/ListToken.js
index f90d3d0..ad83430 100644
--- a/src/components/ListToken.js
+++ b/src/components/token/ListToken.js
@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import { Image } from "theme-ui";
 
-import usePreventTouch from "../helpers/usePreventTouch";
+import usePreventTouch from "../../helpers/usePreventTouch";
 
 function ListToken({ image, className }) {
   const imageRef = useRef();
diff --git a/src/components/ProxyToken.js b/src/components/token/ProxyToken.js
similarity index 99%
rename from src/components/ProxyToken.js
rename to src/components/token/ProxyToken.js
index f10c81c..6a17c84 100644
--- a/src/components/ProxyToken.js
+++ b/src/components/token/ProxyToken.js
@@ -3,7 +3,7 @@ import ReactDOM from "react-dom";
 import { Image, Box } from "theme-ui";
 import interact from "interactjs";
 
-import usePortal from "../helpers/usePortal";
+import usePortal from "../../helpers/usePortal";
 
 import TokenLabel from "./TokenLabel";
 import TokenStatus from "./TokenStatus";
diff --git a/src/components/TokenLabel.js b/src/components/token/TokenLabel.js
similarity index 95%
rename from src/components/TokenLabel.js
rename to src/components/token/TokenLabel.js
index 91ac687..0a047ad 100644
--- a/src/components/TokenLabel.js
+++ b/src/components/token/TokenLabel.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Image, Box, Text } from "theme-ui";
 
-import tokenLabel from "../images/TokenLabel.png";
+import tokenLabel from "../../images/TokenLabel.png";
 
 function TokenLabel({ label }) {
   return (
diff --git a/src/components/TokenMenu.js b/src/components/token/TokenMenu.js
similarity index 98%
rename from src/components/TokenMenu.js
rename to src/components/token/TokenMenu.js
index dc8f1c1..90b555a 100644
--- a/src/components/TokenMenu.js
+++ b/src/components/token/TokenMenu.js
@@ -2,9 +2,9 @@ import React, { useEffect, useState } from "react";
 import interact from "interactjs";
 import { Box, Input } from "theme-ui";
 
-import MapMenu from "./MapMenu";
+import MapMenu from "../map/MapMenu";
 
-import colors, { colorOptions } from "../helpers/colors";
+import colors, { colorOptions } from "../../helpers/colors";
 
 function TokenMenu({ tokenClassName, onTokenChange }) {
   const [isOpen, setIsOpen] = useState(false);
diff --git a/src/components/TokenStatus.js b/src/components/token/TokenStatus.js
similarity index 95%
rename from src/components/TokenStatus.js
rename to src/components/token/TokenStatus.js
index 6a92286..5621589 100644
--- a/src/components/TokenStatus.js
+++ b/src/components/token/TokenStatus.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Box } from "theme-ui";
 
-import colors from "../helpers/colors";
+import colors from "../../helpers/colors";
 
 function TokenStatus({ statuses }) {
   return (
diff --git a/src/components/Tokens.js b/src/components/token/Tokens.js
similarity index 94%
rename from src/components/Tokens.js
rename to src/components/token/Tokens.js
index 1d9a2ae..48d4098 100644
--- a/src/components/Tokens.js
+++ b/src/components/token/Tokens.js
@@ -3,11 +3,11 @@ import { Box } from "theme-ui";
 import shortid from "shortid";
 import SimpleBar from "simplebar-react";
 
-import * as tokens from "../tokens";
+import * as tokens from "../../tokens";
 
 import ListToken from "./ListToken";
 import ProxyToken from "./ProxyToken";
-import NumberInput from "./NumberInput";
+import NumberInput from "../NumberInput";
 
 const listTokenClassName = "list-token";
 
diff --git a/src/routes/Game.js b/src/routes/Game.js
index d91d63f..c8e74dd 100644
--- a/src/routes/Game.js
+++ b/src/routes/Game.js
@@ -12,9 +12,9 @@ import { omit, isStreamStopped } from "../helpers/shared";
 import useSession from "../helpers/useSession";
 import useNickname from "../helpers/useNickname";
 
-import Party from "../components/Party";
-import Tokens from "../components/Tokens";
-import Map from "../components/Map";
+import Party from "../components/party/Party";
+import Tokens from "../components/token/Tokens";
+import Map from "../components/map/Map";
 import Banner from "../components/Banner";
 import LoadingOverlay from "../components/LoadingOverlay";