From dc16802ffc5def4697fa98e9f4518ff11c878601 Mon Sep 17 00:00:00 2001 From: Max Leiter Date: Tue, 8 Mar 2022 00:37:18 -0800 Subject: [PATCH] client: formatting icons --- client/components/document/index.tsx | 13 +- client/components/formatting-icons/index.tsx | 113 +++++++++++++ client/package.json | 2 + client/pages/index.tsx | 6 +- client/yarn.lock | 168 +++++++++++++++++++ 5 files changed, 295 insertions(+), 7 deletions(-) create mode 100644 client/components/formatting-icons/index.tsx diff --git a/client/components/document/index.tsx b/client/components/document/index.tsx index 8f2f1423..c3e30170 100644 --- a/client/components/document/index.tsx +++ b/client/components/document/index.tsx @@ -1,8 +1,9 @@ -import { Button, Card, Input, Tabs, Textarea } from "@geist-ui/core" +import { Button, ButtonGroup, Card, Input, Tabs, Textarea } from "@geist-ui/core" import { ChangeEvent, FormEvent, memo, useEffect, useRef, useState } from "react" import styles from './document.module.css' import MarkdownPreview from '../preview' import { Trash } from '@geist-ui/icons' +import FormattingIcons from "../formatting-icons" type Props = { editable: boolean remove?: () => void @@ -46,12 +47,13 @@ const Document = ({ remove, editable, title, content, setTitle, setContent, init {remove && editable &&