From e619ffffdd1bf3f0421676595ba653e440107fad Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 22 Sep 2023 15:38:27 -0500
Subject: [PATCH] lexical: fix minor spacing/size issues

---
 src/features/compose/components/compose-form.tsx       |  2 +-
 src/features/compose/editor/index.tsx                  | 10 +++++-----
 .../compose/editor/plugins/autosuggest-plugin.tsx      |  1 +
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/features/compose/components/compose-form.tsx b/src/features/compose/components/compose-form.tsx
index dd3fcc319..a3031883f 100644
--- a/src/features/compose/components/compose-form.tsx
+++ b/src/features/compose/components/compose-form.tsx
@@ -340,7 +340,7 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
             {(Component: any) => (
               <Component
                 ref={editorStateRef}
-                className='my-2'
+                className='mt-2'
                 composeId={id}
                 condensed={condensed}
                 eventDiscussion={!!event}
diff --git a/src/features/compose/editor/index.tsx b/src/features/compose/editor/index.tsx
index e38e410bf..c0dab61db 100644
--- a/src/features/compose/editor/index.tsx
+++ b/src/features/compose/editor/index.tsx
@@ -152,14 +152,14 @@ const ComposeEditor = React.forwardRef<string, IComposeEditor>(({
 
   return (
     <LexicalComposer initialConfig={initialConfig}>
-      <div className={clsx('lexical relative', className)} data-markup>
+      <div className={clsx('relative', className)} data-markup>
         <RichTextPlugin
           contentEditable={
-            <div className='editor' ref={onRef} onFocus={onFocus} onPaste={handlePaste}>
+            <div ref={onRef} onFocus={onFocus} onPaste={handlePaste}>
               <ContentEditable
                 className={clsx('outline-none transition-[min-height] motion-reduce:transition-none', {
-                  'min-h-[40px]': condensed,
-                  'min-h-[100px]': !condensed,
+                  'min-h-[39px]': condensed,
+                  'min-h-[99px]': !condensed,
                 })}
               />
             </div>
@@ -167,7 +167,7 @@ const ComposeEditor = React.forwardRef<string, IComposeEditor>(({
           placeholder={(
             <div
               className={clsx(
-                'pointer-events-none absolute top-0 select-none text-gray-600 dark:placeholder:text-gray-600',
+                'pointer-events-none absolute top-0 -z-10 select-none text-[1rem] text-gray-600 dark:placeholder:text-gray-600',
                 placeholderClassName,
               )}
             >
diff --git a/src/features/compose/editor/plugins/autosuggest-plugin.tsx b/src/features/compose/editor/plugins/autosuggest-plugin.tsx
index 2ce5a1df7..4ab7ff7ec 100644
--- a/src/features/compose/editor/plugins/autosuggest-plugin.tsx
+++ b/src/features/compose/editor/plugins/autosuggest-plugin.tsx
@@ -505,6 +505,7 @@ const AutosuggestPlugin = ({
         (payload) => {
           const event = payload;
           if (suggestions !== null && suggestions.size && selectedSuggestion !== null) {
+            // eslint-disable-next-line no-nested-ternary
             const newSelectedSuggestion = event.shiftKey
               ? (selectedSuggestion !== 0 ? selectedSuggestion - 1 : suggestions.size - 1)
               : (selectedSuggestion !== suggestions.size - 1 ? selectedSuggestion + 1 : 0);