refactor(repo): fractal

results.txt

@@ -0,0 +1,92 @@
+INFO: Generating tree for: src/**/*.*
+INFO: File renamed: state/application/hooks.ts -> state-application-hooks.ts
+INFO: File renamed: components/Modal/Header.tsx -> components-Modal-Header.tsx
+src
+├──_app
+│  ├──globals
+│  │  └──variables.css
+│  └──globals.css
+├──Button
+│  ├──Dots
+│  │  ├──functions
+│  │  │  ├──array
+│  │  │  │  └──chunkArray.ts
+│  │  │  ├──array.ts
+│  │  │  ├──retry.ts
+│  │  │  └──styling.ts
+│  │  └──functions.ts
+│  ├──Dots.tsx
+│  └──Loader.tsx
+├──Header
+│  ├──Container.tsx
+│  └──NavigationItem.tsx
+├──hooks
+│  ├──state
+│  │  ├──reducer
+│  │  │  ├──reducer.test.ts
+│  │  │  └──reducer.ts
+│  │  └──reducer.ts
+│  └──state.ts
+├──IconSelector
+│  ├──IconMakerModal
+│  │  ├──BackgroundMaker.tsx
+│  │  └──PresetBackgrounds.tsx
+│  └──IconMakerModal.tsx
+├──ImageEditor
+│  └──ImageEditor.tsx
+├──Input
+│  └──Address.tsx
+├──QuestionHelper
+│  ├──Tooltip
+│  │  └──Popover.tsx
+│  └──Tooltip.tsx
+├──shared
+│  └──actions.ts
+├──web3
+│  ├──hooks
+│  │  └──useActiveWeb3React.ts
+│  └──hooks.ts
+├──_app.tsx
+├──Action.tsx
+├──actions.ts
+├──Actions.tsx
+├──Body.tsx
+├──Button.tsx
+├──Card.tsx
+├──Checkbox.tsx
+├──components-Modal-Header.tsx
+├──constants.ts
+├──Content.tsx
+├──defaultTokenList.tsx
+├──ERC20.json
+├──Error.tsx
+├──getImageResolution.ts
+├──Header.tsx
+├──HeadlessUIModal.tsx
+├──hooks.ts
+├──IconSelector.tsx
+├──ImageEditor.tsx
+├──Input.tsx
+├──Layout.tsx
+├──NetworkModal.tsx
+├──networks.ts
+├──pages.tsx
+├──Portals.tsx
+├──QuestionHelper.tsx
+├──state-application-hooks.ts
+├──style.css
+├──submitToken.ts
+├──toBase64.ts
+├──token-lists.ts
+├──tokenData.ts
+├──TokenDetails.tsx
+├──updater.ts
+├──useDebounce.ts
+├──useInterval.ts
+├──useIsWindowVisible.ts
+├──useOnClickOutside.ts
+├──useToggle.ts
+├──useTokenData.ts
+├──web3.ts
+├──Web3Network.tsx
+└──web3React.ts

src/components/Button/index.tsx → src/Button.tsx

@@ -1,8 +1,8 @@
 import { classNames } from "app/functions";
 import React, { FC, ReactNode } from "react";
 
-import Dots from "../Dots";
-import Loader from "../Loader";
+import Dots from "./Button/Dots";
+import Loader from "./Button/Loader";
 
 export type ButtonColor =
   | "red"

src/components/Dots/index.tsx → src/Button/Dots.tsx

@@ -1,4 +1,4 @@
-import { classNames } from "../../functions";
+import { classNames } from "./Dots/functions";
 
 interface DotsProps {
   children?: any;

src/Button/Dots/functions.ts

@@ -0,0 +1,3 @@
+export * from "./functions/styling";
+export * from "./functions/array";
+export * from "./functions/retry";

src/Button/Dots/functions/array.ts

@@ -0,0 +1 @@
+export { chunkArray } from "./array/chunkArray";

src/components/Header/index.tsx → src/Header.tsx

@@ -1,7 +1,7 @@
 import Image from "next/image";
 import React from "react";
-import Container from "../Container";
-import { NavigationItem } from "./NavigationItem";
+import Container from "./Header/Container";
+import { NavigationItem } from "./Header/NavigationItem";
 
 export const HEADER_HEIGHT = 64;
 const NAV_CLASS =

src/features/defaultTokenList/IconSelector.tsx → src/IconSelector.tsx

@@ -8,7 +8,7 @@ import toBase64 from "app/functions/toBase64";
 import Image from "next/image";
 import { useState } from "react";
 import Dropzone from "react-dropzone";
-import IconMakerModal from "./IconMakerModal";
+import IconMakerModal from "./IconSelector/IconMakerModal";
 
 export default function IconSelector({
   tokenIcon,

src/features/defaultTokenList/IconMakerModal.tsx → src/IconSelector/IconMakerModal.tsx

@@ -8,8 +8,8 @@ import { useCallback, useEffect, useState } from "react";
 import { ChromePicker, SketchPicker } from "react-color";
 import Dropzone from "react-dropzone";
 import Resizer from "react-image-file-resizer";
-import PresetBackgrounds from "./IconMaker/PresetBackgrounds";
-import BackgroundMaker from "./IconMaker/BackgroundMaker";
+import PresetBackgrounds from "./IconMakerModal/PresetBackgrounds";
+import BackgroundMaker from "./IconMakerModal/BackgroundMaker";
 
 export default function IconMakerModal({ isOpen, close, setImage }) {
   const [logoId, setLogoId] = useState<number>();

src/components/ImageEditor/index.tsx → src/ImageEditor.tsx

@@ -1,7 +1,7 @@
 import dynamic from "next/dynamic";
 import React from "react";
 
-const ImageEditorDynamic = dynamic(() => import("./ImageEditor"), {
+const ImageEditorDynamic = dynamic(() => import("./ImageEditor/ImageEditor"), {
   ssr: false,
 });
 

src/components/Input/index.tsx → src/Input.tsx

@@ -1,4 +1,4 @@
-import Address from "./Address";
+import Address from "./Input/Address";
 
 const Input = {
   Address,

src/components/QuestionHelper/index.tsx → src/QuestionHelper.tsx

@@ -4,7 +4,7 @@ import { useOnClickOutside } from 'app/hooks/useOnClickOutside'
 import useToggle from 'app/hooks/useToggle'
 import React, { FC, ReactElement, ReactNode, useCallback, useRef, useState } from 'react'
 
-import Tooltip from '../Tooltip'
+import Tooltip from './QuestionHelper/Tooltip'
 
 const QuestionHelper: FC<{ text?: any; icon?: ReactNode; children?: ReactElement; className?: string }> = ({
   className,

src/components/Tooltip/index.tsx → src/QuestionHelper/Tooltip.tsx

@@ -1,7 +1,7 @@
 import { classNames } from "app/functions";
 import React, { ReactNode, useCallback, useState } from "react";
 
-import Popover, { PopoverProps } from "../Popover";
+import Popover, { PopoverProps } from "./Tooltip/Popover";
 
 interface TooltipProps extends Omit<PopoverProps, "content"> {
   text: ReactNode;

src/pages/_app.tsx → src/_app.tsx

@@ -1,4 +1,4 @@
-import "../styles/globals.css";
+import "./_app/globals.css";
 import type { AppProps } from "next/app";
 import Layout from "components/Layout";
 import store from "app/state";

src/styles/globals.css → src/_app/globals.css

@@ -3,7 +3,7 @@
 @import '@fontsource/dm-sans/index.css';
 @import 'react-virtualized/styles.css';
 @import 'rc-slider/assets/index.css';
-@import './variables.css';
+@import './globals/variables.css';
 
 @tailwind components;
 

src/state/hooks.ts → src/hooks.ts

@@ -1,6 +1,6 @@
 import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
 
-import { AppDispatch, AppState } from '.'
+import { AppDispatch, AppState } from './hooks/state'
 
 export const useAppDispatch = () => useDispatch<AppDispatch>()
 export const useAppSelector: TypedUseSelectorHook<AppState> = useSelector

src/state/index.ts → src/hooks/state.ts

@@ -2,7 +2,7 @@ import { Action, configureStore, ThunkAction } from '@reduxjs/toolkit'
 import { FLUSH, PAUSE, PERSIST, persistReducer, persistStore, PURGE, REGISTER, REHYDRATE } from 'redux-persist'
 import storage from 'redux-persist/lib/storage'
 
-import reducer from './reducer'
+import reducer from './state/reducer'
 
 let store
 

src/state/reducer.ts → src/hooks/state/reducer.ts

@@ -1,6 +1,6 @@
 import { combineReducers } from "@reduxjs/toolkit";
 
-import application from "./application/reducer";
+import application from "./reducer/reducer";
 
 const reducer = combineReducers({
   application,

src/state/application/reducer.test.ts → src/hooks/state/reducer/reducer.test.ts

@@ -1,7 +1,7 @@
 import { ChainId } from '@sushiswap/core-sdk'
 import { createStore, Store } from 'redux'
 
-import { addPopup, ApplicationModal, removePopup, setOpenModal, updateBlockNumber } from './actions'
+import { addPopup, ApplicationModal, removePopup, setOpenModal, updateBlockNumber } from '../../../shared/actions'
 import reducer, { ApplicationState } from './reducer'
 
 describe('application reducer', () => {

src/state/application/reducer.ts → src/hooks/state/reducer/reducer.ts

@@ -12,7 +12,7 @@ import {
   updateBlockNumber,
   updateBlockTimestamp,
   updateChainId,
-} from './actions'
+} from '../../../shared/actions'
 
 type PopupList = Array<{
   key: string

src/state/application/updater.ts → src/updater.ts

@@ -10,7 +10,7 @@ import {
   updateBlockNumber,
   updateBlockTimestamp,
   updateChainId,
-} from "./actions";
+} from "./shared/actions";
 
 export default function Updater(): null {
   const { library, chainId, account } = useActiveWeb3React();

src/web3.ts

@@ -0,0 +1 @@
+export * from "./web3/hooks";

src/web3/hooks.ts

@@ -0,0 +1 @@
+export { useActiveWeb3React } from "./hooks/useActiveWeb3React";