diff --git a/packages/widgets/src/SharingDialog/AccessSelect.js b/packages/widgets/src/SharingDialog/AccessSelect.js
index bbd81e94e6..1123fc2e46 100644
--- a/packages/widgets/src/SharingDialog/AccessSelect.js
+++ b/packages/widgets/src/SharingDialog/AccessSelect.js
@@ -1,22 +1,32 @@
import React from 'react'
-import {
- SingleSelect,
- SingleSelectOption,
-} from '../'
+
+import PropTypes from '@dhis2/prop-types'
+
+import i18n from '@dhis2/d2-i18n'
+
+import { SingleSelect, SingleSelectOption } from '../'
import { accessStrings, ACCESS_NONE } from './sharingConstants'
-import { accessSelectStyles } from './SharingDialog.styles';
+import { accessSelectStyles } from './SharingDialog.styles'
export const AccessSelect = ({ access, onChange, showNoAccessOption }) => (
onChange(selected)}
+ className="share-select"
+ placeholder={i18n.t('Select access')}
+ selected={access}
+ onChange={({ selected }) => onChange(selected)}
>
- {Object.entries(accessStrings).map(([value, strings]) => (
- (value !== ACCESS_NONE || showNoAccessOption) &&
-
- ))}
+ {Object.entries(accessStrings).map(
+ ([value, strings]) =>
+ (value !== ACCESS_NONE || showNoAccessOption) && (
+
+ )
+ )}
- );
\ No newline at end of file
+)
+
+AccessSelect.propTypes = {
+ access: PropTypes.object,
+ showNoAccessOption: PropTypes.bool,
+ onChange: PropTypes.func,
+}
diff --git a/packages/widgets/src/SharingDialog/ShareBlock.js b/packages/widgets/src/SharingDialog/ShareBlock.js
index fc2c833030..3de59cb35d 100644
--- a/packages/widgets/src/SharingDialog/ShareBlock.js
+++ b/packages/widgets/src/SharingDialog/ShareBlock.js
@@ -1,7 +1,12 @@
import React, { useState } from 'react'
-import { Button, InputField } from '../';
-import { AccessSelect } from './AccessSelect';
-import { shareBlockStyles } from "./SharingDialog.styles";
+
+import PropTypes from '@dhis2/prop-types'
+
+import i18n from '@dhis2/d2-i18n'
+
+import { Button, InputField } from '../'
+import { AccessSelect } from './AccessSelect'
+import { shareBlockStyles } from './SharingDialog.styles'
export const ShareBlock = ({ onAdd }) => {
const [userOrGroup, setUserOrGroup] = useState(undefined)
@@ -14,20 +19,28 @@ export const ShareBlock = ({ onAdd }) => {
setAccess(undefined)
}
- return
-
-
Share with users and groups
-