QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 06:10:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add display name defaultText

Browse Source
This commit is contained in:
elforjani13
2021-11-11 15:39:42 +02:00
parent ec844637c3
commit 918cd4aef3
1 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/DisplayNameList.js
View File

@@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import ListSelect from "./ListSelect"; import intl from 'react-intl-universal';
import ListSelect from './ListSelect';
export default function DisplayNameList({ export default function DisplayNameList({
salutation, salutation,
@@ -9,25 +10,32 @@ export default function DisplayNameList({
...restProps ...restProps
}) { }) {
const formats = [ const formats = [
{ format: '{1} {2} {3}', values: [salutation, firstName, lastName], required: [1] }, {
format: '{1} {2} {3}',
values: [salutation, firstName, lastName],
required: [1],
},
{ format: '{1} {2}', values: [firstName, lastName], required: [] }, { format: '{1} {2}', values: [firstName, lastName], required: [] },
{ format: '{1}, {2}', values: [firstName, lastName], required: [1, 2] }, { format: '{1}, {2}', values: [firstName, lastName], required: [1, 2] },
{ format: '{1}', values: [company], required: [1] } { format: '{1}', values: [company], required: [1] },
]; ];
const formatOptions = formats const formatOptions = formats
.filter((format) => !format.values.some((value, index) => { .filter(
return !value && format.required.indexOf(index + 1) !== -1; (format) =>
})) !format.values.some((value, index) => {
return !value && format.required.indexOf(index + 1) !== -1;
}),
)
.map((formatOption) => { .map((formatOption) => {
const { format, values } = formatOption; const { format, values } = formatOption;
let label = format; let label = format;
values.forEach((value, index) => { values.forEach((value, index) => {
const replaceWith = (value || ''); const replaceWith = value || '';
label = label.replace(`{${index + 1}}`, replaceWith).trim(); label = label.replace(`{${index + 1}}`, replaceWith).trim();
}); });
return { label: label.replace(/\s+/g, " ") }; return { label: label.replace(/\s+/g, ' ') };
}); });
return ( return (
@@ -35,9 +43,9 @@ export default function DisplayNameList({
items={formatOptions} items={formatOptions}
selectedItemProp={'label'} selectedItemProp={'label'}
textProp={'label'} textProp={'label'}
defaultText={'Select display name as'} defaultText={intl.get('select_display_name_as')}
filterable={false} filterable={false}
{ ...restProps } {...restProps}
/> />
); );
} }