Add dividers for simple ObjectWidget

eea · Sep 14, 2020 · 7ca0994 · 7ca0994
1 parent f4e7e87
commit 7ca0994
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/Widget/ObjectWidget.jsx b/src/Widget/ObjectWidget.jsx
@@ -5,7 +5,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Tab } from 'semantic-ui-react';
+import { Tab, Divider, Item } from 'semantic-ui-react';
 
 import Field from '@plone/volto/components/manage/Form/Field';
 
@@ -88,15 +88,19 @@ const ObjectWidget = ({
   );
 
   return schema.fieldsets.length === 1 ? (
-    <FieldSet
-      data={schema.fieldsets[0]}
-      index={0}
-      schema={schema}
-      errors={errors}
-      value={value}
-      onChange={onChange}
-      id={id}
-    />
+    <>
+      <Divider />
+      <FieldSet
+        data={schema.fieldsets[0]}
+        index={0}
+        schema={schema}
+        errors={errors}
+        value={value}
+        onChange={onChange}
+        id={id}
+      />
+      <Divider />
+    </>
   ) : (
     <Tab panes={schema.fieldsets.map(createTab)} /> // lazy loading
   );