From 2ffaec74d57a8f36792603d2bd653290f65818db Mon Sep 17 00:00:00 2001 From: Ifu Aniemeka Date: Wed, 7 Feb 2024 17:04:44 -0600 Subject: [PATCH] #6511 : Update Editor Component UI - Toolbar Links, Code, and Blockquotes (#6603) * update icons for blockquotes, links, and code blocks * use phosphor icons per design update --- .../views/components/react_quill_editor/toolbar.tsx | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/packages/commonwealth/client/scripts/views/components/react_quill_editor/toolbar.tsx b/packages/commonwealth/client/scripts/views/components/react_quill_editor/toolbar.tsx index 031ff482fba..5e9de0dae04 100644 --- a/packages/commonwealth/client/scripts/views/components/react_quill_editor/toolbar.tsx +++ b/packages/commonwealth/client/scripts/views/components/react_quill_editor/toolbar.tsx @@ -1,7 +1,7 @@ import { Code, Image, - LinkSimple, + Link, ListBullets, ListChecks, ListNumbers, @@ -14,14 +14,12 @@ import { TextStrikethrough, } from '@phosphor-icons/react'; import clsx from 'clsx'; +import 'components/react_quill/react_quill_editor.scss'; import { DeltaStatic } from 'quill'; import React, { MutableRefObject, useMemo } from 'react'; import ReactQuill from 'react-quill'; -import { SerializableDeltaStatic, renderToolbarIcon } from './utils'; - -import 'components/react_quill/react_quill_editor.scss'; - import { CWIconButton } from 'views/components/component_kit/cw_icon_button'; +import { SerializableDeltaStatic, renderToolbarIcon } from './utils'; const quillIcons = ReactQuill.Quill.import('ui/icons'); @@ -34,9 +32,9 @@ Object.assign(quillIcons, { bold: renderToolbarIcon(TextB), italic: renderToolbarIcon(TextItalic), strike: renderToolbarIcon(TextStrikethrough), - link: renderToolbarIcon(LinkSimple), + link: renderToolbarIcon(Link), 'code-block': renderToolbarIcon(Code), - blockquote: renderToolbarIcon(Quotes, { weight: 'fill' }), + blockquote: renderToolbarIcon(Quotes), image: renderToolbarIcon(Image), list: { ordered: renderToolbarIcon(ListNumbers),