8cedf93901
* Play with using 3 icons for 1-click usage * Align bet icons with the percentages * Hide liquidity injection star, for now * Fix Free Response card layouts * Use triangles instead of planes * Set correct hover states the arrows * Fix down triangle & padding * Default large nums to 2 sigfigs * Clean up hover areas * Fix bet width, remove "chance/expected" * Show "M$20" on hover, hide arrows when closed * Improve click targets * FR: "MULTI" => "MANY", single => "TOP" * Install react-hot-toaster * Implement quick betting on binary questions * Handle different kinds of markets * Extract out QuickBet into its own component * Minor tweaks * Visually separate out quick bet pane * Hide quick bet for FR markets with no answers * Fill in which bets the user has already placed * Animate movements, fix binary direction * Hover arrows are now always gray * Pull out code into quick-bet.tsx * Minor comments * Fix import ts-ignore is scary * Fixes from James's feedback * Hide text only on quickbet
18 lines
528 B
TypeScript
18 lines
528 B
TypeScript
// Icon from Bootstrap: https://icons.getbootstrap.com/
|
|
export default function TriangleDownFillIcon(props: { className?: string }) {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="currentColor"
|
|
className={props.className}
|
|
viewBox="0 0 16 16"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
transform="rotate(-180 8 8)"
|
|
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z"
|
|
/>
|
|
</svg>
|
|
)
|
|
}
|