Move fold items into folds/

web/components/folds/create-fold-button.tsx

@@ -2,15 +2,15 @@ import clsx from 'clsx'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 import { PlusCircleIcon } from '@heroicons/react/solid'
-import { parseWordsAsTags } from '../../common/util/parse'
+import { parseWordsAsTags } from '../../../common/util/parse'
-import { createFold } from '../lib/firebase/api-call'
+import { createFold } from '../../lib/firebase/api-call'
-import { foldPath } from '../lib/firebase/folds'
+import { foldPath } from '../../lib/firebase/folds'
-import { toCamelCase } from '../../common/util/format'
+import { toCamelCase } from '../../../common/util/format'
-import { ConfirmationButton } from './confirmation-button'
+import { ConfirmationButton } from '../confirmation-button'
-import { Col } from './layout/col'
+import { Col } from '../layout/col'
-import { Spacer } from './layout/spacer'
+import { Spacer } from '../layout/spacer'
-import { TagsList } from './tags-list'
+import { TagsList } from '../tags-list'
-import { Title } from './title'
+import { Title } from '../title'
 
 export function CreateFoldButton() {
   const [name, setName] = useState('')

web/components/folds/edit-fold-button.tsx

@@ -3,12 +3,12 @@ import _ from 'lodash'
 import clsx from 'clsx'
 import { PencilIcon } from '@heroicons/react/outline'
 
-import { Fold } from '../../common/fold'
+import { Fold } from '../../../common/fold'
-import { parseWordsAsTags } from '../../common/util/parse'
+import { parseWordsAsTags } from '../../../common/util/parse'
-import { deleteFold, updateFold } from '../lib/firebase/folds'
+import { deleteFold, updateFold } from '../../lib/firebase/folds'
-import { toCamelCase } from '../../common/util/format'
+import { toCamelCase } from '../../../common/util/format'
-import { Spacer } from './layout/spacer'
+import { Spacer } from '../layout/spacer'
-import { TagsList } from './tags-list'
+import { TagsList } from '../tags-list'
 import { useRouter } from 'next/router'
 
 export function EditFoldButton(props: { fold: Fold; className?: string }) {

web/components/folds/fast-fold-following.tsx

@@ -2,10 +2,13 @@ import clsx from 'clsx'
 import { useState } from 'react'
 import { SearchIcon } from '@heroicons/react/outline'
 
-import { User } from '../../common/user'
+import { User } from '../../../common/user'
-import { followFoldFromSlug, unfollowFoldFromSlug } from '../lib/firebase/folds'
+import {
-import { Row } from './layout/row'
+  followFoldFromSlug,
-import { Spacer } from './layout/spacer'
+  unfollowFoldFromSlug,
+} from '../../lib/firebase/folds'
+import { Row } from '../layout/row'
+import { Spacer } from '../layout/spacer'
 
 function FollowFoldButton(props: {
   fold: { slug: string; name: string }

web/components/folds/fold-tag.tsx

@@ -1,5 +1,5 @@
 import clsx from 'clsx'
-import { Fold } from '../../common/fold'
+import { Fold } from '../../../common/fold'
 
 export function FoldTag(props: { fold: Fold }) {
   const { fold } = props

web/components/folds/follow-fold-button.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx'
-import { Fold } from '../../common/fold'
+import { Fold } from '../../../common/fold'
-import { useFollowedFolds } from '../hooks/use-fold'
+import { useFollowedFolds } from '../../hooks/use-fold'
-import { useUser } from '../hooks/use-user'
+import { useUser } from '../../hooks/use-user'
-import { followFold, unfollowFold } from '../lib/firebase/folds'
+import { followFold, unfollowFold } from '../../lib/firebase/folds'
 
 export function FollowFoldButton(props: { fold: Fold; className?: string }) {
   const { fold, className } = props

web/pages/fold/[...slugs]/index.tsx

@@ -28,9 +28,9 @@ import clsx from 'clsx'
 import { scoreCreators, scoreTraders } from '../../../../common/scoring'
 import { Leaderboard } from '../../../components/leaderboard'
 import { formatMoney, toCamelCase } from '../../../../common/util/format'
-import { EditFoldButton } from '../../../components/edit-fold-button'
+import { EditFoldButton } from '../../../components/folds/edit-fold-button'
 import Custom404 from '../../404'
-import { FollowFoldButton } from '../../../components/follow-fold-button'
+import { FollowFoldButton } from '../../../components/folds/follow-fold-button'
 import FeedCreate from '../../../components/feed-create'
 import { SEO } from '../../../components/SEO'
 import { useTaggedContracts } from '../../../hooks/use-contracts'

web/pages/folds.tsx

@@ -2,8 +2,8 @@ import _ from 'lodash'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
 import { Fold } from '../../common/fold'
-import { CreateFoldButton } from '../components/create-fold-button'
+import { CreateFoldButton } from '../components/folds/create-fold-button'
-import { FollowFoldButton } from '../components/follow-fold-button'
+import { FollowFoldButton } from '../components/folds/follow-fold-button'
 import { Col } from '../components/layout/col'
 import { Row } from '../components/layout/row'
 import { Page } from '../components/page'

web/pages/home.tsx

@@ -18,7 +18,7 @@ import { useUser } from '../hooks/use-user'
 import { Fold } from '../../common/fold'
 import { LoadingIndicator } from '../components/loading-indicator'
 import { Row } from '../components/layout/row'
-import { FastFoldFollowing } from '../components/fast-fold-following'
+import { FastFoldFollowing } from '../components/folds/fast-fold-following'
 import {
   getAllContractInfo,
   useExploreContracts,