diff --git a/rsconcept/frontend/src/components/Common/SubmitButton.tsx b/rsconcept/frontend/src/components/Common/SubmitButton.tsx index 7bd1a150..689b2cf3 100644 --- a/rsconcept/frontend/src/components/Common/SubmitButton.tsx +++ b/rsconcept/frontend/src/components/Common/SubmitButton.tsx @@ -2,15 +2,17 @@ interface SubmitButtonProps { text: string loading?: boolean disabled?: boolean + icon?: React.ReactNode } -function SubmitButton({text='ОК', disabled, loading=false}: SubmitButtonProps) { +function SubmitButton({text='ОК', icon, disabled, loading=false}: SubmitButtonProps) { return ( ) } diff --git a/rsconcept/frontend/src/components/Icons.tsx b/rsconcept/frontend/src/components/Icons.tsx index 3cb0068e..70efa8bf 100644 --- a/rsconcept/frontend/src/components/Icons.tsx +++ b/rsconcept/frontend/src/components/Icons.tsx @@ -274,4 +274,12 @@ export function ArrowsRotateIcon(props: IconProps) { ); +} + +export function SaveIcon(props: IconProps) { + return ( + + + + ); } \ No newline at end of file diff --git a/rsconcept/frontend/src/pages/RSFormPage/ConstituentEditor.tsx b/rsconcept/frontend/src/pages/RSFormPage/ConstituentEditor.tsx index 30b6f190..d8ee6b2a 100644 --- a/rsconcept/frontend/src/pages/RSFormPage/ConstituentEditor.tsx +++ b/rsconcept/frontend/src/pages/RSFormPage/ConstituentEditor.tsx @@ -7,6 +7,7 @@ import ExpressionEditor from './ExpressionEditor'; import SubmitButton from '../../components/Common/SubmitButton'; import { getCstTypeLabel } from '../../utils/staticUI'; import ConstituentsSideList from './ConstituentsSideList'; +import { SaveIcon } from '../../components/Icons'; function ConstituentEditor() { const { @@ -78,27 +79,38 @@ function ConstituentEditor() { return (
-
- - - {alias} - - - - {type} - +
+
+ + + {alias} + + + + {type} + +
+
+ +