Finish conversion of AnnotationEditor to Tailwind

src/sidebar/components/Annotation/AnnotationEditor.js

@@ -172,7 +172,8 @@ function AnnotationEditor({
   return (
     /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
     <div
-      className="hyp-u-vertical-spacing AnnotationEditor"
+      data-testid="annotation-editor"
+      className="space-y-4"
       onKeyDown={onKeyDown}
     >
       <MarkdownEditor
@@ -187,18 +188,16 @@ function AnnotationEditor({
         onTagInput={setPendingTag}
         tagList={tags}
       />
-      <div className="hyp-u-layout-row annotation__form-actions">
-        {group && (
-          <AnnotationPublishControl
-            group={group}
-            isDisabled={isEmpty}
-            isPrivate={draft.isPrivate}
-            onCancel={onCancel}
-            onSave={onSave}
-            onSetPrivate={onSetPrivate}
-          />
-        )}
-      </div>
+      {group && (
+        <AnnotationPublishControl
+          group={group}
+          isDisabled={isEmpty}
+          isPrivate={draft.isPrivate}
+          onCancel={onCancel}
+          onSave={onSave}
+          onSetPrivate={onSetPrivate}
+        />
+      )}
       {shouldShowLicense && <AnnotationLicense />}
     </div>
   );

src/sidebar/components/Annotation/test/AnnotationEditor-test.js

@@ -19,6 +19,8 @@ describe('AnnotationEditor', () => {
 
   let fakeStore;
 
+  const editorSelector = '[data-testid="annotation-editor"]';
+
   function createComponent(props = {}) {
     return mount(
       <AnnotationEditor
@@ -199,7 +201,7 @@ describe('AnnotationEditor', () => {
       const wrapper = createComponent({ draft });
 
       wrapper
-        .find('.AnnotationEditor')
+        .find(editorSelector)
         .simulate('keydown', { key: 'Enter', ctrlKey: true });
 
       assert.calledOnce(fakeAnnotationsService.save);
@@ -216,7 +218,7 @@ describe('AnnotationEditor', () => {
       const wrapper = createComponent({ draft });
 
       wrapper
-        .find('.AnnotationEditor')
+        .find(editorSelector)
         .simulate('keydown', { key: 'Enter', metaKey: true });
 
       assert.calledOnce(fakeAnnotationsService.save);
@@ -230,7 +232,7 @@ describe('AnnotationEditor', () => {
       const wrapper = createComponent();
 
       wrapper
-        .find('.AnnotationEditor')
+        .find(editorSelector)
         .simulate('keydown', { key: 'Enter', metaKey: true });
 
       assert.notCalled(fakeAnnotationsService.save);