chore(deps-dev): bump prettier from 2.1.2 to 2.8.8 (#5372)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Tom Moor <tom.moor@gmail.com>

app/scenes/CollectionPermissions/AddGroupsToCollection.tsx

@@ -25,20 +25,12 @@ type Props = {
 function AddGroupsToCollection(props: Props) {
   const { collection } = props;
 
-  const [
-    newGroupModalOpen,
-    handleNewGroupModalOpen,
-    handleNewGroupModalClose,
-  ] = useBoolean(false);
+  const [newGroupModalOpen, handleNewGroupModalOpen, handleNewGroupModalClose] =
+    useBoolean(false);
   const [query, setQuery] = React.useState("");
 
-  const {
-    auth,
-    collectionGroupMemberships,
-    groups,
-    policies,
-    toasts,
-  } = useStores();
+  const { auth, collectionGroupMemberships, groups, policies, toasts } =
+    useStores();
   const { fetchPage: fetchGroups } = groups;
 
   const { t } = useTranslation();

app/scenes/CollectionPermissions/AddPeopleToCollection.tsx

@@ -27,11 +27,8 @@ function AddPeopleToCollection({ collection }: Props) {
   const { showToast } = useToasts();
   const team = useCurrentTeam();
   const { t } = useTranslation();
-  const [
-    inviteModalOpen,
-    setInviteModalOpen,
-    setInviteModalClosed,
-  ] = useBoolean();
+  const [inviteModalOpen, setInviteModalOpen, setInviteModalClosed] =
+    useBoolean();
   const [query, setQuery] = React.useState("");
 
   const handleFilter = (ev: React.ChangeEvent<HTMLInputElement>) => {

app/scenes/CollectionPermissions/index.tsx

@@ -44,11 +44,8 @@ function CollectionPermissions({ collectionId }: Props) {
   const collection = collections.get(collectionId);
   invariant(collection, "Collection not found");
 
-  const [
-    addGroupModalOpen,
-    handleAddGroupModalOpen,
-    handleAddGroupModalClose,
-  ] = useBoolean();
+  const [addGroupModalOpen, handleAddGroupModalOpen, handleAddGroupModalClose] =
+    useBoolean();
 
   const [
     addMemberModalOpen,

app/scenes/Document/components/CommentThreadItem.tsx

@@ -245,7 +245,7 @@ const Menu = styled(CommentMenu)<{ dir?: "rtl" | "ltr" }>`
   transition: opacity 100ms ease-in-out;
   color: ${s("textSecondary")};
 
-  &: ${hover}, &[aria-expanded= "true" ] {
+  &: ${hover}, &[aria-expanded= "true"] {
     opacity: 1;
     background: ${s("sidebarActiveBackground")};
   }

app/scenes/Document/components/Document.tsx

@@ -376,16 +376,8 @@ class DocumentScene extends React.Component<Props> {
   };
 
   render() {
-    const {
-      document,
-      revision,
-      readOnly,
-      abilities,
-      auth,
-      ui,
-      shareId,
-      t,
-    } = this.props;
+    const { document, revision, readOnly, abilities, auth, ui, shareId, t } =
+      this.props;
     const team = auth.team;
     const isShare = !!shareId;
     const embedsDisabled =

app/scenes/Document/components/MultiplayerEditor.tsx

@@ -48,10 +48,8 @@ function MultiplayerEditor({ onSynced, ...props }: Props, ref: any) {
   const { presence, ui } = useStores();
   const token = useCurrentToken();
   const [showCursorNames, setShowCursorNames] = React.useState(false);
-  const [
-    remoteProvider,
-    setRemoteProvider,
-  ] = React.useState<HocuspocusProvider | null>(null);
+  const [remoteProvider, setRemoteProvider] =
+    React.useState<HocuspocusProvider | null>(null);
   const [isLocalSynced, setLocalSynced] = React.useState(false);
   const [isRemoteSynced, setRemoteSynced] = React.useState(false);
   const [ydoc] = React.useState(() => new Y.Doc());

app/scenes/GroupMembers/AddPeopleToGroup.tsx

@@ -28,11 +28,8 @@ function AddPeopleToGroup(props: Props) {
   const { t } = useTranslation();
 
   const [query, setQuery] = React.useState("");
-  const [
-    inviteModalOpen,
-    handleInviteModalOpen,
-    handleInviteModalClose,
-  ] = useBoolean(false);
+  const [inviteModalOpen, handleInviteModalOpen, handleInviteModalClose] =
+    useBoolean(false);
 
   const { fetchPage: fetchUsers } = users;
   const debouncedFetch = React.useMemo(

app/scenes/Settings/Groups.tsx

@@ -24,11 +24,8 @@ function Groups() {
   const { groups } = useStores();
   const team = useCurrentTeam();
   const can = usePolicy(team);
-  const [
-    newGroupModalOpen,
-    handleNewGroupModalOpen,
-    handleNewGroupModalClose,
-  ] = useBoolean();
+  const [newGroupModalOpen, handleNewGroupModalOpen, handleNewGroupModalClose] =
+    useBoolean();
 
   return (
     <Scene

app/scenes/Settings/Members.tsx

@@ -28,11 +28,8 @@ import UserStatusFilter from "./components/UserStatusFilter";
 function Members() {
   const location = useLocation();
   const history = useHistory();
-  const [
-    inviteModalOpen,
-    handleInviteModalOpen,
-    handleInviteModalClose,
-  ] = useBoolean();
+  const [inviteModalOpen, handleInviteModalOpen, handleInviteModalClose] =
+    useBoolean();
   const team = useCurrentTeam();
   const { users } = useStores();
   const { t } = useTranslation();

app/scenes/Settings/Security.tsx

@@ -38,9 +38,11 @@ function Security() {
     inviteRequired: team.inviteRequired,
   });
 
-  const { data: providers, loading, request } = useRequest(() =>
-    authenticationProviders.fetchPage({})
-  );
+  const {
+    data: providers,
+    loading,
+    request,
+  } = useRequest(() => authenticationProviders.fetchPage({}));
 
   React.useEffect(() => {
     if (!providers && !loading) {

app/scenes/Settings/components/DomainManagement.tsx

@@ -31,9 +31,8 @@ function DomainManagement({ onSuccess }: Props) {
     allowedDomains.length
   );
 
-  const [existingDomainsTouched, setExistingDomainsTouched] = React.useState(
-    false
-  );
+  const [existingDomainsTouched, setExistingDomainsTouched] =
+    React.useState(false);
 
   const handleSaveDomains = React.useCallback(async () => {
     try {
@@ -67,19 +66,18 @@ function DomainManagement({ onSuccess }: Props) {
     setAllowedDomains(newDomains);
   };
 
-  const createOnDomainChangedHandler = (index: number) => (
-    ev: React.ChangeEvent<HTMLInputElement>
-  ) => {
-    const newDomains = allowedDomains.slice();
+  const createOnDomainChangedHandler =
+    (index: number) => (ev: React.ChangeEvent<HTMLInputElement>) => {
+      const newDomains = allowedDomains.slice();
 
-    newDomains[index] = ev.currentTarget.value;
-    setAllowedDomains(newDomains);
+      newDomains[index] = ev.currentTarget.value;
+      setAllowedDomains(newDomains);
 
-    const touchedExistingDomain = index < lastKnownDomainCount;
-    if (touchedExistingDomain) {
-      setExistingDomainsTouched(true);
-    }
-  };
+      const touchedExistingDomain = index < lastKnownDomainCount;
+      if (touchedExistingDomain) {
+        setExistingDomainsTouched(true);
+      }
+    };
 
   const showSaveChanges =
     existingDomainsTouched ||

app/scenes/UserDelete.tsx

@@ -19,9 +19,11 @@ function UserDelete() {
   const { auth } = useStores();
   const { showToast } = useToasts();
   const { t } = useTranslation();
-  const { register, handleSubmit: formHandleSubmit, formState } = useForm<
-    FormData
-  >();
+  const {
+    register,
+    handleSubmit: formHandleSubmit,
+    formState,
+  } = useForm<FormData>();
 
   const handleRequestDelete = React.useCallback(
     async (ev: React.SyntheticEvent) => {