Turn on no unused variables linting, kill dead code (#484)

* Slightly fix up ChoicesToggleGroup

* Kill a bunch of dead code and unused variables

* Turn on no-unused-vars lint

* Un-kill some dead code that James likes

web/.eslintrc.js

@@ -8,8 +8,15 @@ module.exports = {
   ],
   rules: {
     '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/no-unused-vars': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
+      },
+    ],
     '@next/next/no-img-element': 'off',
     '@next/next/no-typos': 'off',
     'lodash/import-scope': [2, 'member'],

web/components/answers/answers-panel.tsx

@@ -116,7 +116,7 @@ export function AnswersPanel(props: { contract: FreeResponseContract }) {
       {!resolveOption && (
         <div className={clsx('flow-root pr-2 md:pr-0')}>
           <div className={clsx(tradingAllowed(contract) ? '' : '-mb-6')}>
-            {answerItems.map((item, activityItemIdx) => (
+            {answerItems.map((item) => (
               <div key={item.id} className={'relative pb-2'}>
                 <div className="relative flex items-start space-x-3">
                   <OpenAnswer {...item} />

web/components/bets-list.tsx

@@ -138,9 +138,8 @@ export function BetsList(props: { user: User; hideBetsBefore?: number }) {
       return !hasSoldAll
     })
 
-  const [settled, unsettled] = partition(
-    contracts,
-    (c) => c.isResolved || contractsMetrics[c.id].invested === 0
+  const unsettled = contracts.filter(
+    (c) => !c.isResolved && contractsMetrics[c.id].invested !== 0
   )
 
   const currentInvested = sumBy(
@@ -261,7 +260,7 @@ function ContractBets(props: {
 
   const isBinary = outcomeType === 'BINARY'
 
-  const { payout, profit, profitPercent, invested } = getContractBetMetrics(
+  const { payout, profit, profitPercent } = getContractBetMetrics(
     contract,
     bets
   )
@@ -657,7 +656,6 @@ function SellButton(props: { contract: Contract; bet: Bet }) {
 
   return (
     <ConfirmationButton
-      id={`sell-${bet.id}`}
       openModalBtn={{
         className: clsx('btn-sm', isSubmitting && 'btn-disabled loading'),
         label: 'Sell',

web/components/charity/charity-card.tsx

@@ -8,7 +8,7 @@ import { manaToUSD } from '../../../common/util/format'
 import { Row } from '../layout/row'
 
 export function CharityCard(props: { charity: Charity }) {
-  const { name, slug, photo, preview, id, tags } = props.charity
+  const { slug, photo, preview, id, tags } = props.charity
 
   const txns = useCharityTxns(id)
   const raised = sumBy(txns, (txn) => txn.amount)

web/components/choices-toggle-group.tsx

@@ -24,13 +24,12 @@ export function ChoicesToggleGroup(props: {
     <RadioGroup
       className={clsx(className, 'flex flex-row flex-wrap items-center gap-3')}
       value={currentChoice.toString()}
-      onChange={(str) => null}
+      onChange={setChoice}
     >
       {Object.keys(choicesMap).map((choiceKey) => (
         <RadioGroup.Option
           key={choiceKey}
           value={choicesMap[choiceKey]}
-          onClick={() => setChoice(choicesMap[choiceKey])}
           className={({ active }) =>
             clsx(
               active ? 'ring-2 ring-indigo-500 ring-offset-2' : '',

web/components/confirmation-button.tsx

@@ -5,7 +5,6 @@ import { Modal } from './layout/modal'
 import { Row } from './layout/row'
 
 export function ConfirmationButton(props: {
-  id: string
   openModalBtn: {
     label: string
     icon?: JSX.Element
@@ -22,7 +21,7 @@ export function ConfirmationButton(props: {
   onSubmit: () => void
   children: ReactNode
 }) {
-  const { id, openModalBtn, cancelBtn, submitBtn, onSubmit, children } = props
+  const { openModalBtn, cancelBtn, submitBtn, onSubmit, children } = props
 
   const [open, setOpen] = useState(false)
 
@@ -67,7 +66,6 @@ export function ResolveConfirmationButton(props: {
     props
   return (
     <ConfirmationButton
-      id="resolution-modal"
       openModalBtn={{
         className: clsx(
           'border-none self-start',

web/components/contract/quick-bet.tsx

@@ -140,7 +140,7 @@ export function QuickBet(props: { contract: Contract; user: User }) {
     }
   }
 
-  const textColor = `text-${getColor(contract, previewProb)}`
+  const textColor = `text-${getColor(contract)}`
 
   return (
     <Col
@@ -223,7 +223,7 @@ export function QuickBet(props: { contract: Contract; user: User }) {
 
 export function ProbBar(props: { contract: Contract; previewProb?: number }) {
   const { contract, previewProb } = props
-  const color = getColor(contract, previewProb)
+  const color = getColor(contract)
   const prob = previewProb ?? getProb(contract)
   return (
     <>
@@ -257,7 +257,7 @@ function QuickOutcomeView(props: {
   // If there's a preview prob, display that instead of the current prob
   const override =
     previewProb === undefined ? undefined : formatPercent(previewProb)
-  const textColor = `text-${getColor(contract, previewProb)}`
+  const textColor = `text-${getColor(contract)}`
 
   let display: string | undefined
   switch (outcomeType) {
@@ -306,7 +306,7 @@ function getNumericScale(contract: NumericContract) {
   return (ev - min) / (max - min)
 }
 
-export function getColor(contract: Contract, previewProb?: number) {
+export function getColor(contract: Contract) {
   // TODO: Try injecting a gradient here
   // return 'primary'
   const { resolution } = contract

web/components/feed-create.tsx

@@ -1,16 +1,10 @@
-import { sample } from 'lodash'
-import { SparklesIcon, XIcon } from '@heroicons/react/solid'
-import { Avatar } from './avatar'
-import { useEffect, useRef, useState } from 'react'
+import { SparklesIcon } from '@heroicons/react/solid'
 import { Spacer } from './layout/spacer'
-import { NewContract } from '../pages/create'
-import { firebaseLogin, User } from 'web/lib/firebase/users'
+import { firebaseLogin } from 'web/lib/firebase/users'
 import { ContractsGrid } from './contract/contracts-list'
-import { Contract, MAX_QUESTION_LENGTH } from 'common/contract'
+import { Contract } from 'common/contract'
 import { Col } from './layout/col'
-import clsx from 'clsx'
 import { Row } from './layout/row'
-import { ENV_CONFIG } from '../../common/envs/constants'
 import { SiteLink } from './site-link'
 import { formatMoney } from 'common/util/format'
 
@@ -67,90 +61,3 @@ export function FeedPromo(props: { hotContracts: Contract[] }) {
     </>
   )
 }
-
-export default function FeedCreate(props: {
-  user?: User
-  tag?: string
-  placeholder?: string
-  className?: string
-}) {
-  const { user, tag, className } = props
-  const [question, setQuestion] = useState('')
-  const [isExpanded, setIsExpanded] = useState(false)
-  const inputRef = useRef<HTMLTextAreaElement | null>()
-
-  // Rotate through a new placeholder each day
-  // Easter egg idea: click your own name to shuffle the placeholder
-  // const daysSinceEpoch = Math.floor(Date.now() / 1000 / 60 / 60 / 24)
-
-  // Take care not to produce a different placeholder on the server and client
-  const [defaultPlaceholder, setDefaultPlaceholder] = useState('')
-  useEffect(() => {
-    setDefaultPlaceholder(`e.g. ${sample(ENV_CONFIG.newQuestionPlaceholders)}`)
-  }, [])
-
-  const placeholder = props.placeholder ?? defaultPlaceholder
-
-  return (
-    <div
-      className={clsx(
-        'w-full cursor-text rounded bg-white p-4 shadow-md',
-        isExpanded ? 'ring-2 ring-indigo-300' : '',
-        className
-      )}
-      onClick={() => {
-        !isExpanded && inputRef.current?.focus()
-      }}
-    >
-      <div className="relative flex items-start space-x-3">
-        <Avatar username={user?.username} avatarUrl={user?.avatarUrl} noLink />
-
-        <div className="min-w-0 flex-1">
-          <Row className="justify-between">
-            <p className="my-0.5 text-sm">Ask a question... </p>
-            {isExpanded && (
-              <button
-                className="btn btn-xs btn-circle btn-ghost rounded"
-                onClick={() => setIsExpanded(false)}
-              >
-                <XIcon
-                  className="mx-auto h-6 w-6 text-gray-500"
-                  aria-hidden="true"
-                />
-              </button>
-            )}
-          </Row>
-          <textarea
-            ref={inputRef as any}
-            className={clsx(
-              'w-full resize-none appearance-none border-transparent bg-transparent p-0 text-indigo-700 placeholder:text-gray-400 focus:border-transparent focus:ring-transparent',
-              question && 'text-lg sm:text-xl',
-              !question && 'text-base sm:text-lg'
-            )}
-            placeholder={placeholder}
-            value={question}
-            rows={question.length > 68 ? 4 : 2}
-            maxLength={MAX_QUESTION_LENGTH}
-            onClick={(e) => e.stopPropagation()}
-            onChange={(e) => setQuestion(e.target.value.replace('\n', ''))}
-            onFocus={() => setIsExpanded(true)}
-          />
-        </div>
-      </div>
-
-      {/* Hide component instead of deleting, so edits to NewContract don't get lost */}
-      <div className={isExpanded ? '' : 'hidden'}>
-        <NewContract question={question} tag={tag} />
-      </div>
-
-      {/* Show a fake "Create Market" button, which gets replaced with the NewContract one*/}
-      {!isExpanded && (
-        <div className="flex justify-end sm:-mt-4">
-          <button className="btn btn-sm capitalize" disabled>
-            Create Market
-          </button>
-        </div>
-      )}
-    </div>
-  )
-}

web/components/feed/feed-answer-comment-group.tsx

@@ -2,7 +2,7 @@ import { Answer } from 'common/answer'
 import { Bet } from 'common/bet'
 import { Comment } from 'common/comment'
 import { formatPercent } from 'common/util/format'
-import React, { useEffect, useMemo, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { Col } from 'web/components/layout/col'
 import { Modal } from 'web/components/layout/modal'
 import { AnswerBetPanel } from 'web/components/answers/answer-bet-panel'

web/components/feed/feed-items.tsx

@@ -3,7 +3,6 @@ import React, { useState } from 'react'
 import {
   BanIcon,
   CheckIcon,
-  DotsVerticalIcon,
   LockClosedIcon,
   XIcon,
 } from '@heroicons/react/solid'
@@ -274,30 +273,3 @@ function FeedClose(props: { contract: Contract }) {
     </>
   )
 }
-
-// TODO: Should highlight the entire Feed segment
-function FeedExpand(props: { setExpanded: (expanded: boolean) => void }) {
-  const { setExpanded } = props
-  return (
-    <>
-      <button onClick={() => setExpanded(true)}>
-        <div className="relative px-1">
-          <div className="flex h-8 w-8 items-center justify-center rounded-full bg-gray-200 hover:bg-gray-300">
-            <DotsVerticalIcon
-              className="h-5 w-5 text-gray-500"
-              aria-hidden="true"
-            />
-          </div>
-        </div>
-      </button>
-
-      <button onClick={() => setExpanded(true)}>
-        <div className="min-w-0 flex-1 py-1.5">
-          <div className="text-sm text-gray-500 hover:text-gray-700">
-            <span>Show all activity</span>
-          </div>
-        </div>
-      </button>
-    </>
-  )
-}

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

@@ -48,7 +48,6 @@ export function CreateFoldButton() {
 
   return (
     <ConfirmationButton
-      id="create-fold"
       openModalBtn={{
         label: 'New',
         icon: <PlusCircleIcon className="mr-2 h-5 w-5" />,

web/components/liquidity-panel.tsx

@@ -98,7 +98,7 @@ function AddLiquidityPanel(props: { contract: CPMMContract }) {
           setError('Server error')
         }
       })
-      .catch((e) => setError('Server error'))
+      .catch((_) => setError('Server error'))
   }
 
   return (
@@ -162,7 +162,7 @@ function WithdrawLiquidityPanel(props: {
   const { contract, lpShares } = props
   const { YES: yesShares, NO: noShares } = lpShares
 
-  const [error, setError] = useState<string | undefined>(undefined)
+  const [_error, setError] = useState<string | undefined>(undefined)
   const [isSuccess, setIsSuccess] = useState(false)
   const [isLoading, setIsLoading] = useState(false)
 
@@ -171,12 +171,12 @@ function WithdrawLiquidityPanel(props: {
     setIsSuccess(false)
 
     withdrawLiquidity({ contractId: contract.id })
-      .then((r) => {
+      .then((_) => {
         setIsSuccess(true)
         setError(undefined)
         setIsLoading(false)
       })
-      .catch((e) => setError('Server error'))
+      .catch((_) => setError('Server error'))
   }
 
   if (isSuccess)

web/components/nav/profile-menu.tsx

@@ -1,8 +1,7 @@
 import Link from 'next/link'
-import { firebaseLogout, User } from 'web/lib/firebase/users'
+import { User } from 'web/lib/firebase/users'
 import { formatMoney } from 'common/util/format'
 import { Avatar } from '../avatar'
-import { IS_PRIVATE_MANIFOLD } from 'common/envs/constants'
 
 export function ProfileSummary(props: { user: User }) {
   const { user } = props

web/components/nav/sidebar.tsx

@@ -7,15 +7,12 @@ import {
   CashIcon,
   HeartIcon,
   PresentationChartLineIcon,
-  ChatAltIcon,
   SparklesIcon,
   NewspaperIcon,
 } from '@heroicons/react/outline'
 import clsx from 'clsx'
-import { sortBy } from 'lodash'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useFollowedFolds } from 'web/hooks/use-fold'
 import { useUser } from 'web/hooks/use-user'
 import { firebaseLogin, firebaseLogout, User } from 'web/lib/firebase/users'
 import { ManifoldLogo } from './manifold-logo'
@@ -179,8 +176,6 @@ export default function Sidebar(props: { className?: string }) {
   }, [])
 
   const user = useUser()
-  let folds = useFollowedFolds(user) || []
-  folds = sortBy(folds, 'followCount').reverse()
   const mustWaitForFreeMarketStatus = useHasCreatedContractToday(user)
   const navigationOptions =
     user === null

web/components/numeric-bet-panel.tsx

@@ -53,7 +53,6 @@ function NumericBuyPanel(props: {
 
   const [betAmount, setBetAmount] = useState<number | undefined>(undefined)
 
-  const [valueError, setValueError] = useState<string | undefined>()
   const [error, setError] = useState<string | undefined>()
   const [isSubmitting, setIsSubmitting] = useState(false)
   const [wasSubmitted, setWasSubmitted] = useState(false)

web/components/page.tsx

@@ -6,12 +6,11 @@ import { Toaster } from 'react-hot-toast'
 
 export function Page(props: {
   margin?: boolean
-  assertUser?: 'signed-in' | 'signed-out'
   rightSidebar?: ReactNode
   suspend?: boolean
   children?: ReactNode
 }) {
-  const { margin, assertUser, children, rightSidebar, suspend } = props
+  const { margin, children, rightSidebar, suspend } = props
 
   return (
     <>

web/hooks/use-fold.ts

@@ -1,9 +1,7 @@
-import { isEqual, sortBy } from 'lodash'
 import { useEffect, useState } from 'react'
 import { Fold } from 'common/fold'
 import { User } from 'common/user'
 import {
-  listAllFolds,
   listenForFold,
   listenForFolds,
   listenForFoldsWithTags,
@@ -80,38 +78,3 @@ export const useFollowedFoldIds = (user: User | null | undefined) => {
 
   return followedFoldIds
 }
-
-// We also cache followedFolds directly in JSON.
-// TODO: Extract out localStorage caches to a utility
-export const useFollowedFolds = (user: User | null | undefined) => {
-  const [followedFolds, setFollowedFolds] = useState<Fold[] | undefined>()
-  const ids = useFollowedFoldIds(user)
-
-  useEffect(() => {
-    if (user && ids) {
-      const key = `followed-full-folds-${user.id}`
-      const followedFoldJson = localStorage.getItem(key)
-      if (followedFoldJson) {
-        setFollowedFolds(JSON.parse(followedFoldJson))
-        // Exit early if ids and followedFoldIds have all the same elements.
-        if (
-          isEqual(
-            sortBy(ids),
-            sortBy(JSON.parse(followedFoldJson).map((f: Fold) => f.id))
-          )
-        ) {
-          return
-        }
-      }
-
-      // Otherwise, fetch the full contents of all folds
-      listAllFolds().then((folds) => {
-        const followedFolds = folds.filter((fold) => ids.includes(fold.id))
-        setFollowedFolds(followedFolds)
-        localStorage.setItem(key, JSON.stringify(followedFolds))
-      })
-    }
-  }, [user, ids])
-
-  return followedFolds
-}

web/lib/firebase/notifications.ts

@@ -1,7 +1,7 @@
 import { collection, query, where } from 'firebase/firestore'
 import { Notification } from 'common/notification'
 import { db } from 'web/lib/firebase/init'
-import { getValues, listenForValues } from 'web/lib/firebase/utils'
+import { listenForValues } from 'web/lib/firebase/utils'
 
 function getNotificationsQuery(userId: string, unseenOnly?: boolean) {
   const notifsCollection = collection(db, `/users/${userId}/notifications`)

web/pages/activity.tsx

@@ -37,7 +37,7 @@ export default function Activity() {
 
   return (
     <>
-      <Page assertUser="signed-in" suspend={!!contract}>
+      <Page suspend={!!contract}>
         <Col className="mx-auto w-full max-w-[700px]">
           <CategorySelector category={category} setCategory={setCategory} />
           <Spacer h={1} />

web/pages/api/v0/market/[id].ts

@@ -19,6 +19,7 @@ export default async function handler(
     listAllComments(contractId),
   ])
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const bets = allBets.map(({ userId, ...bet }) => bet) as Exclude<
     Bet,
     'userId'

web/pages/api/v0/slug/[slug].ts

@@ -24,6 +24,7 @@ export default async function handler(
     listAllComments(contract.id),
   ])
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const bets = allBets.map(({ userId, ...bet }) => bet) as Exclude<
     Bet,
     'userId'

web/pages/create.tsx

@@ -56,8 +56,8 @@ export default function Create() {
 }
 
 // Allow user to create a new contract
-export function NewContract(props: { question: string; tag?: string }) {
-  const { question, tag } = props
+export function NewContract(props: { question: string }) {
+  const { question } = props
   const creator = useUser()
 
   useEffect(() => {
@@ -74,7 +74,7 @@ export function NewContract(props: { question: string; tag?: string }) {
   // const [tagText, setTagText] = useState<string>(tag ?? '')
   // const tags = parseWordsAsTags(tagText)
 
-  const [ante, setAnte] = useState(FIXED_ANTE)
+  const [ante, _setAnte] = useState(FIXED_ANTE)
 
   const mustWaitForDailyFreeMarketStatus = useHasCreatedContractToday(creator)
 

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

@@ -27,10 +27,8 @@ import { EditFoldButton } from 'web/components/folds/edit-fold-button'
 import Custom404 from '../../404'
 import { FollowFoldButton } from 'web/components/folds/follow-fold-button'
 import { SEO } from 'web/components/SEO'
-import { useTaggedContracts } from 'web/hooks/use-contracts'
 import { Linkify } from 'web/components/linkify'
 import { fromPropz, usePropz } from 'web/hooks/use-propz'
-import { filterDefined } from 'common/util/array'
 import { findActiveContracts } from 'web/components/feed/find-active-contracts'
 import { Tabs } from 'web/components/layout/tabs'
 
@@ -133,15 +131,6 @@ export default function FoldPage(props: {
   const user = useUser()
   const isCurator = user && fold && user.id === fold.curatorId
 
-  const taggedContracts = useTaggedContracts(fold?.tags) ?? props.contracts
-  const contractsMap = Object.fromEntries(
-    taggedContracts.map((contract) => [contract.id, contract])
-  )
-
-  const contracts = filterDefined(
-    props.contracts.map((contract) => contractsMap[contract.id])
-  )
-
   if (fold === null || !foldSubpages.includes(page) || slugs[2]) {
     return <Custom404 />
   }

web/pages/home.tsx

@@ -23,7 +23,7 @@ const Home = () => {
 
   return (
     <>
-      <Page assertUser="signed-in" suspend={!!contract}>
+      <Page suspend={!!contract}>
         <Col className="mx-auto w-full p-2">
           <ContractSearch
             querySortOptions={{

web/pages/index.tsx

@@ -40,7 +40,7 @@ const Home = (props: { hotContracts: Contract[] }) => {
   }
 
   return (
-    <Page assertUser="signed-out">
+    <Page>
       <div className="px-4 pt-2 md:mt-0 lg:hidden">
         <ManifoldLogo />
       </div>

web/pages/landing-page.tsx

@@ -8,19 +8,14 @@ import {
 } from '@heroicons/react/outline'
 
 import { firebaseLogin } from 'web/lib/firebase/users'
-import { ContractsGrid } from 'web/components/contract/contracts-list'
 import { Col } from 'web/components/layout/col'
 import Link from 'next/link'
-import { Contract } from 'web/lib/firebase/contracts'
-
-export default function LandingPage(props: { hotContracts: Contract[] }) {
-  const { hotContracts } = props
 
+export default function LandingPage() {
   return (
     <div>
       <Hero />
       <FeaturesSection />
-      {/* <ExploreMarketsSection hotContracts={hotContracts} /> */}
     </div>
   )
 }
@@ -149,20 +144,3 @@ function FeaturesSection() {
     </div>
   )
 }
-
-function ExploreMarketsSection(props: { hotContracts: Contract[] }) {
-  const { hotContracts } = props
-  return (
-    <div className="mx-auto max-w-4xl px-4 py-8">
-      <p className="my-12 text-3xl font-extrabold leading-8 tracking-tight text-indigo-700 sm:text-4xl">
-        Today's top markets
-      </p>
-
-      <ContractsGrid
-        contracts={hotContracts}
-        loadMore={() => {}}
-        hasMore={false}
-      />
-    </div>
-  )
-}

web/pages/leaderboards.tsx

@@ -8,8 +8,8 @@ import { fromPropz, usePropz } from 'web/hooks/use-propz'
 export const getStaticProps = fromPropz(getStaticPropz)
 export async function getStaticPropz() {
   const [topTraders, topCreators] = await Promise.all([
-    getTopTraders().catch((_) => {}),
-    getTopCreators().catch((_) => {}),
+    getTopTraders().catch(() => {}),
+    getTopCreators().catch(() => {}),
   ])
 
   return {

web/pages/make-predictions.tsx

@@ -290,13 +290,3 @@ ${TEST_VALUE}
     </Page>
   )
 }
-
-// Given a date string like '2022-04-02',
-// return the time just before midnight on that date (in the user's local time), as millis since epoch
-function dateToMillis(date: string) {
-  return dayjs(date)
-    .set('hour', 23)
-    .set('minute', 59)
-    .set('second', 59)
-    .valueOf()
-}

web/pages/notifications.tsx

@@ -31,9 +31,7 @@ import { Linkify } from 'web/components/linkify'
 import {
   BinaryOutcomeLabel,
   CancelLabel,
-  FreeResponseOutcomeLabel,
   MultiLabel,
-  OutcomeLabel,
   ProbPercentLabel,
 } from 'web/components/outcome-label'
 import {
@@ -44,7 +42,7 @@ import {
 import { getContractFromId } from 'web/lib/firebase/contracts'
 import { CheckIcon, XIcon } from '@heroicons/react/outline'
 import toast from 'react-hot-toast'
-import { formatMoney, formatPercent } from 'common/util/format'
+import { formatMoney } from 'common/util/format'
 
 export default function Notifications() {
   const user = useUser()
@@ -184,7 +182,7 @@ function NotificationGroupItem(props: {
   className?: string
 }) {
   const { notificationGroup, className } = props
-  const { sourceContractId, notifications, timePeriod } = notificationGroup
+  const { sourceContractId, notifications } = notificationGroup
   const {
     sourceContractTitle,
     sourceContractSlug,

web/pages/stats.tsx

@@ -1,6 +1,5 @@
 import dayjs from 'dayjs'
 import { zip, uniq, sumBy, concat, countBy, sortBy, sum } from 'lodash'
-import { IS_PRIVATE_MANIFOLD } from 'common/envs/constants'
 import {
   DailyCountChart,
   DailyPercentChart,