Files
bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooterLeft.tsx
2023-10-04 12:17:27 +02:00

33 lines
789 B
TypeScript

// @ts-nocheck
import React from 'react';
import styled from 'styled-components';
import { FFormGroup, FEditableText, FormattedMessage as T } from '@/components';
export function ExpenseFormFooterLeft() {
return (
<React.Fragment>
{/* --------- Description --------- */}
<DescriptionFormGroup
label={<T id={'description'} />}
name={'description'}
>
<FEditableText
name={'description'}
placeholder={<T id={'expenses.decscrption.placeholder'} />}
/>
</DescriptionFormGroup>
</React.Fragment>
);
}
const DescriptionFormGroup = styled(FFormGroup)`
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp4-form-content {
margin-left: 10px;
}
}
`;