chore: Update syntax, improve more typing (#1439)

* chore: <React.Fragment> to <>

* flow types

app/menus/AccountMenu.js

@@ -45,7 +45,7 @@ class AccountMenu extends React.Component<Props> {
     const { ui } = this.props;
 
     return (
-      <React.Fragment>
+      <>
         <Modal
           isOpen={this.keyboardShortcutsOpen}
           onRequestClose={this.handleCloseKeyboardShortcuts}
@@ -118,7 +118,7 @@ class AccountMenu extends React.Component<Props> {
             Log out
           </DropdownMenuItem>
         </DropdownMenu>
-      </React.Fragment>
+      </>
     );
   }
 }

app/menus/CollectionMenu.js

@@ -93,7 +93,7 @@ class CollectionMenu extends React.Component<Props> {
     const can = policies.abilities(collection.id);
 
     return (
-      <React.Fragment>
+      <>
         <VisuallyHidden>
           <input
             type="file"
@@ -117,7 +117,7 @@ class CollectionMenu extends React.Component<Props> {
         </Modal>
         <DropdownMenu onOpen={onOpen} onClose={onClose} position={position}>
           {collection && (
-            <React.Fragment>
+            <>
               {can.update && (
                 <DropdownMenuItem onClick={this.onNewDocument}>
                   New document
@@ -142,13 +142,13 @@ class CollectionMenu extends React.Component<Props> {
                   Export…
                 </DropdownMenuItem>
               )}
-            </React.Fragment>
+            </>
           )}
           {can.delete && (
             <DropdownMenuItem onClick={this.onDelete}>Delete…</DropdownMenuItem>
           )}
         </DropdownMenu>
-      </React.Fragment>
+      </>
     );
   }
 }

app/menus/DocumentMenu.js

@@ -153,7 +153,7 @@ class DocumentMenu extends React.Component<Props> {
     const canViewHistory = can.read && !can.restore;
 
     return (
-      <React.Fragment>
+      <>
         <DropdownMenu
           className={className}
           position={position}
@@ -197,7 +197,7 @@ class DocumentMenu extends React.Component<Props> {
             </DropdownMenuItem>
           )}
           {showToggleEmbeds && (
-            <React.Fragment>
+            <>
               {document.embedsDisabled ? (
                 <DropdownMenuItem onClick={document.enableEmbeds}>
                   Enable embeds
@@ -207,7 +207,7 @@ class DocumentMenu extends React.Component<Props> {
                   Disable embeds
                 </DropdownMenuItem>
               )}
-            </React.Fragment>
+            </>
           )}
           {!can.restore && <hr />}
 
@@ -247,11 +247,11 @@ class DocumentMenu extends React.Component<Props> {
           )}
           <hr />
           {canViewHistory && (
-            <React.Fragment>
+            <>
               <DropdownMenuItem onClick={this.handleDocumentHistory}>
                 History
               </DropdownMenuItem>
-            </React.Fragment>
+            </>
           )}
           {can.download && (
             <DropdownMenuItem onClick={this.handleExport}>
@@ -282,7 +282,7 @@ class DocumentMenu extends React.Component<Props> {
             onSubmit={this.handleCloseTemplateModal}
           />
         </Modal>
-      </React.Fragment>
+      </>
     );
   }
 }

app/menus/GroupMenu.js

@@ -50,7 +50,7 @@ class GroupMenu extends React.Component<Props> {
     const can = policies.abilities(group.id);
 
     return (
-      <React.Fragment>
+      <>
         <Modal
           title="Edit group"
           onRequestClose={this.handleEditModalClose}
@@ -75,7 +75,7 @@ class GroupMenu extends React.Component<Props> {
 
         <DropdownMenu onOpen={onOpen} onClose={onClose}>
           {group && (
-            <React.Fragment>
+            <>
               <DropdownMenuItem onClick={this.props.onMembers}>
                 Members…
               </DropdownMenuItem>
@@ -91,10 +91,10 @@ class GroupMenu extends React.Component<Props> {
                   Delete…
                 </DropdownMenuItem>
               )}
-            </React.Fragment>
+            </>
           )}
         </DropdownMenu>
-      </React.Fragment>
+      </>
     );
   }
 }