Issue #491: document type field style

smclab · Jun 26, 2023 · 591084b · 591084b
1 parent eae2a38
commit 591084b
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/js-packages/admin-ui/src/components/DocumentTypeField.tsx b/js-packages/admin-ui/src/components/DocumentTypeField.tsx
@@ -14,7 +14,6 @@ import {
   BooleanInput,
   ContainerFluid,
   CustomButtom,
-  CustomButtomClay,
   EnumSelect,
   fromFieldValidators,
   NumberInput,
@@ -28,6 +27,8 @@ import ClayToolbar from "@clayui/toolbar";
 import { CodeInput } from "./CodeInput";
 import { DocumentTypeFieldsQuery } from "./SubFieldsDocumentType";
 import { useToast } from "./ToastProvider";
+import { ClayButtonWithIcon } from "@clayui/button";
+import { ClassNameButton } from "../App";
 
 const DocumentTypeFieldQuery = gql`
   query DocumentTypeField($id: ID!) {
@@ -139,13 +140,7 @@ export function DocumentTypeField() {
           <ClayToolbar.Nav>
             <ClayToolbar.Item>
               <Link to={`/document-types/${documentTypeId}/document-type-fields`}>
-                <CustomButtomClay
-                  label={
-                    <div>
-                      <svg className="angle-left" focusable="false" role="presentation"></svg>
-                    </div>
-                  }
-                />
+                <ClayButtonWithIcon className={ClassNameButton} aria-label="" symbol="angle-left" small />
               </Link>
             </ClayToolbar.Item>
           </ClayToolbar.Nav>