{/*------------ Expense Name -----------*/}
@@ -35,7 +35,7 @@ export default function ExpenseFormFields() {
{/*------------ Track to Expense -----------*/}
@@ -63,41 +63,41 @@ export default function ExpenseFormFields() {
{/*------------ Quantity -----------*/}
-
+
{/*------------ Unit Price -----------*/}
-
+
{/*------------ Charge -----------*/}
}
+ label={}
className={classNames('form-group--select-list', Classes.FILL)}
>
-
-
+
0.00
diff --git a/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormProvider.tsx b/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormProvider.tsx
new file mode 100644
index 000000000..ffba5f8e0
--- /dev/null
+++ b/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormProvider.tsx
@@ -0,0 +1,30 @@
+//@ts-nocheck
+import React from 'react';
+import { DialogContent } from 'components';
+
+const ProjectExpenseFormContext = React.createContext();
+
+/**
+ * Project expense form provider.
+ * @returns
+ */
+function ProjectExpenseFormProvider({
+ //#OwnProps
+ dialogName,
+ expenseId,
+ ...props
+}) {
+ // state provider.
+ const provider = {
+ dialogName,
+ };
+
+ return (
+
+
+
+ );
+}
+
+const useProjectExpenseFormContext = () => React.useContext(ProjectExpenseFormContext);
+export { ProjectExpenseFormProvider, useProjectExpenseFormContext };
diff --git a/src/containers/Projects/containers/ExpenseFormDialog/ExpneseFormFloatingActions.tsx b/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx
similarity index 79%
rename from src/containers/Projects/containers/ExpenseFormDialog/ExpneseFormFloatingActions.tsx
rename to src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx
index ad056b14b..29f73756f 100644
--- a/src/containers/Projects/containers/ExpenseFormDialog/ExpneseFormFloatingActions.tsx
+++ b/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx
@@ -3,11 +3,11 @@ import React from 'react';
import { useFormikContext } from 'formik';
import { Intent, Button, Classes } from '@blueprintjs/core';
import { FormattedMessage as T } from 'components';
-import { useExpenseFormContext } from './ExpenseFormProvider';
+import { useProjectExpenseFormContext } from './ProjectExpenseFormProvider';
import withDialogActions from 'containers/Dialog/withDialogActions';
import { compose } from 'utils';
-function ExpneseFormFloatingActions({
+function ProjectExpneseFormFloatingActions({
// #withDialogActions
closeDialog,
}) {
@@ -15,7 +15,7 @@ function ExpneseFormFloatingActions({
const { isSubmitting } = useFormikContext();
// expense form dialog context.
- const { dialogName } = useExpenseFormContext();
+ const { dialogName } = useProjectExpenseFormContext();
// Handle close button click.
const handleCancelBtnClick = () => {
@@ -41,4 +41,4 @@ function ExpneseFormFloatingActions({
);
}
-export default compose(withDialogActions)(ExpneseFormFloatingActions);
+export default compose(withDialogActions)(ProjectExpneseFormFloatingActions);
diff --git a/src/containers/Projects/containers/ExpenseFormDialog/index.tsx b/src/containers/Projects/containers/ProjectExpenseForm/index.tsx
similarity index 63%
rename from src/containers/Projects/containers/ExpenseFormDialog/index.tsx
rename to src/containers/Projects/containers/ProjectExpenseForm/index.tsx
index fbcd6d079..ad05e6a36 100644
--- a/src/containers/Projects/containers/ExpenseFormDialog/index.tsx
+++ b/src/containers/Projects/containers/ProjectExpenseForm/index.tsx
@@ -4,41 +4,41 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from 'components';
import withDialogRedux from 'components/DialogReduxConnect';
import { compose } from 'utils';
-const ExpenseFormeDialogContent = React.lazy(
- () => import('./ExpenseFormDialogContent'),
+const ProjectExpenseFormeDialogContent = React.lazy(
+ () => import('./ProjectExpenseFormDialogContent'),
);
/**
- * Expense form dialog.
+ * Project expense form dialog.
* @returns
*/
-function ExpenseFormDialog({
+function ProjectExpenseFormDialog({
dialogName,
payload: { projectId = null },
isOpen,
}) {
return (
- }
+ title={}
isOpen={isOpen}
autoFocus={true}
canEscapeKeyClose={true}
style={{ width: '400px' }}
>
-
-
+
);
}
-export default compose(withDialogRedux())(ExpenseFormDialog);
+export default compose(withDialogRedux())(ProjectExpenseFormDialog);
-const ExpenseFormDialogRoot = styled(Dialog)`
+const ProjectExpenseFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
margin-bottom: 15px;