format

src/groups/GroupsCreateModal.tsx

@@ -29,7 +29,7 @@ export const GroupsCreateModal = ({
   setIsCreateModalOpen,
   createGroupName,
   setCreateGroupName,
-  refresh
+  refresh,
 }: GroupsCreateModalProps) => {
   const { t } = useTranslation("groups");
   const httpClient = useContext(HttpClientContext)!;
@@ -53,7 +53,10 @@ export const GroupsCreateModal = ({
         refresh();
         addAlert(t("groupCreated"), AlertVariant.success);
       } catch (error) {
-        addAlert(`${t("couldNotCreateGroup")} ': '${error}'`, AlertVariant.danger);
+        addAlert(
+          `${t("couldNotCreateGroup")} ': '${error}'`,
+          AlertVariant.danger
+        );
       }
     }
   };

src/groups/GroupsList.tsx

@@ -80,7 +80,10 @@ export const GroupsList = ({ list, refresh }: GroupsListProps) => {
     },
     {
       title: t("common:Delete"),
-      onClick: async (_: React.MouseEvent<Element, MouseEvent>, rowId: number) => {
+      onClick: async (
+        _: React.MouseEvent<Element, MouseEvent>,
+        rowId: number
+      ) => {
         try {
           await httpClient.doDelete(
             `/admin/realms/${realm}/groups/${list![rowId].id}`

src/groups/GroupsSection.tsx

@@ -96,43 +96,46 @@ export const GroupsSection = () => {
         {rawData ? (
           <>
             <TableToolbar
-            inputGroupName="groupsToolbarTextInput"
-            inputGroupPlaceholder={t("searchGroups")}
-            inputGroupOnChange={filterGroups}
-            toolbarItem={
-              <>
-                <ToolbarItem>
-                  <Button variant="primary" onClick={() => handleModalToggle()}>
-                    {t("createGroup")}
-                  </Button>
-                </ToolbarItem>
-                <ToolbarItem>
-                  <Dropdown
-                    onSelect={onKebabSelect}
-                    toggle={<KebabToggle onToggle={onKebabToggle} />}
-                    isOpen={isKebabOpen}
-                    isPlain
-                    dropdownItems={[
-                      <DropdownItem key="action" component="button">
-                        {t("delete")}
-                      </DropdownItem>,
-                    ]}
-                  />
-                </ToolbarItem>
-              </>
-            }
-          >
-          <GroupsList list={filteredData || rawData} refresh={loader}/>
-          </TableToolbar>
-          <GroupsCreateModal
-            isCreateModalOpen={isCreateModalOpen}
-            handleModalToggle={handleModalToggle}
-            setIsCreateModalOpen={setIsCreateModalOpen}
-            createGroupName={createGroupName}
-            setCreateGroupName={setCreateGroupName}
-            refresh={loader}
-          />
-        </>
+              inputGroupName="groupsToolbarTextInput"
+              inputGroupPlaceholder={t("searchGroups")}
+              inputGroupOnChange={filterGroups}
+              toolbarItem={
+                <>
+                  <ToolbarItem>
+                    <Button
+                      variant="primary"
+                      onClick={() => handleModalToggle()}
+                    >
+                      {t("createGroup")}
+                    </Button>
+                  </ToolbarItem>
+                  <ToolbarItem>
+                    <Dropdown
+                      onSelect={onKebabSelect}
+                      toggle={<KebabToggle onToggle={onKebabToggle} />}
+                      isOpen={isKebabOpen}
+                      isPlain
+                      dropdownItems={[
+                        <DropdownItem key="action" component="button">
+                          {t("delete")}
+                        </DropdownItem>,
+                      ]}
+                    />
+                  </ToolbarItem>
+                </>
+              }
+            >
+              <GroupsList list={filteredData || rawData} refresh={loader} />
+            </TableToolbar>
+            <GroupsCreateModal
+              isCreateModalOpen={isCreateModalOpen}
+              handleModalToggle={handleModalToggle}
+              setIsCreateModalOpen={setIsCreateModalOpen}
+              createGroupName={createGroupName}
+              setCreateGroupName={setCreateGroupName}
+              refresh={loader}
+            />
+          </>
         ) : (
           <div className="pf-u-text-align-center">
             <Spinner />