evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: fix readonly elements margin-bottom

Browse Source
This commit is contained in:
vchikalkin 2023-06-27 13:47:21 +03:00
parent ac19114f9a
commit 288e79a0d7
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/web/Components/Calculation/builders/build-readonly.tsx
View File

@ -4,12 +4,17 @@ import { useValue } from '@/stores/calculation/values/hooks';
import type { Values } from '@/stores/calculation/values/types';
import { observer } from 'mobx-react-lite';
import type { ComponentType } from 'react';
import styled from 'styled-components';
type BuilderProps = {
elementName: Elements;
valueName: Values;
};
const Wrapper = styled.div`
margin-bottom: 24px;
`;
export function buildReadonly<T>(
Component: ComponentType<T>,
{ elementName, valueName }: BuilderProps
@ -18,6 +23,10 @@ export function buildReadonly<T>(
const [value] = useValue(valueName);
const status = useStatus(elementName);
return <Component readOnly status={status} value={value} {...props} />;
return (
<Wrapper>
<Component readOnly status={status} value={value} {...props} />
</Wrapper>
);
});
}