import { SparklesIcon, XIcon } from '@heroicons/react/solid' import { Avatar } from './avatar' import { useRef, useState } from 'react' import { Spacer } from './layout/spacer' import { NewContract } from '../pages/create' import { firebaseLogin, User } from '../lib/firebase/users' import { ContractsGrid } from './contracts-list' import { Contract, MAX_QUESTION_LENGTH } from '../../common/contract' import { Col } from './layout/col' import clsx from 'clsx' import { Row } from './layout/row' import { ENV_CONFIG } from '../../common/envs/constants' export function FeedPromo(props: { hotContracts: Contract[] }) { const { hotContracts } = props return ( <>

A{' '} market{' '} for
every{' '} question

Find markets on any topic imaginable. Or create your own!
Sign up to get M$ 1,000 and start trading.
{' '} ) } 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() const placeholders = ENV_CONFIG.newQuestionPlaceholders // 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) const [randIndex] = useState( Math.floor(Math.random() * 1e10) % placeholders.length ) const placeholder = props.placeholder ?? `e.g. ${placeholders[randIndex]}` return (
{ !isExpanded && inputRef.current?.focus() }} >

Ask a question...

{isExpanded && ( )}