From 95137f4fcde80e74c591a57aad8c032cbe56fbb9 Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Sun, 7 Aug 2022 21:31:57 +0200
Subject: [PATCH] feat: add project select.

---
 .../Projects/components/ProjectsSelect.tsx    | 23 ++++++++++++-------
 .../ProjectTimeEntryFormFields.tsx            |  7 +++++-
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/containers/Projects/components/ProjectsSelect.tsx b/src/containers/Projects/components/ProjectsSelect.tsx
index 298642168..ec8e04859 100644
--- a/src/containers/Projects/components/ProjectsSelect.tsx
+++ b/src/containers/Projects/components/ProjectsSelect.tsx
@@ -47,17 +47,24 @@ const projectSelectProps = {
   labelAccessor: 'name',
 };
 
+/**
+ *
+ * @param {*} param0
+ * @returns
+ */
 export function ProjectsSelect({ projects, ...rest }) {
+  return <FSelect {...projectSelectProps} items={projects} {...rest} />;
+}
+/**
+ *
+ * @param {*} param0
+ * @returns
+ */
+export function ProjectSelectButton({ label, ...rest }) {
   return (
-    <FSelect
-      items={projects}
-      {...projectSelectProps}
+    <Button
+      text={label ? label : intl.get('find_or_choose_a_project')}
       {...rest}
-      input={ProjectSelectButton}
     />
   );
 }
-
-function ProjectSelectButton({ label }) {
-  return <Button text={label ? label : intl.get('find_or_choose_a_project')} />;
-}
diff --git a/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx b/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx
index 5ca57e055..5f961fb74 100644
--- a/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx
+++ b/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx
@@ -14,7 +14,11 @@ import {
   FormattedMessage as T,
 } from '@/components';
 import { useProjectTimeEntryFormContext } from './ProjectTimeEntryFormProvider';
-import { TaskSelect, ProjectsSelect } from '../../components';
+import {
+  TaskSelect,
+  ProjectsSelect,
+  ProjectSelectButton,
+} from '../../components';
 import { momentFormatter } from '@/utils';
 import { useSetProjectToForm } from './utils';
 
@@ -43,6 +47,7 @@ function ProjectTimeEntryFormFields() {
           <ProjectsSelect
             name={'project_id'}
             projects={projects}
+            input={ProjectSelectButton}
             popoverProps={{ minimal: true }}
           />
         </FFormGroup>