Add dueDate and assignee on notes (#988)

* Add dueDate and assignee on notes * Fix tests * Fix tests
2023-07-29 15:36:21 -07:00
parent d9f6ae8663
commit 8601ed04ae
46 changed files with 875 additions and 205 deletions
@@ -0,0 +1,47 @@
+import styled from '@emotion/styled';
+
+import { ActivityAssigneePicker } from '@/activities/components/ActivityAssigneePicker';
+import { useEditableField } from '@/ui/editable-field/hooks/useEditableField';
+import { Activity, User } from '~/generated/graphql';
+
+const StyledContainer = styled.div`
+  left: 0px;
+  position: absolute;
+  top: -8px;
+`;
+
+export type OwnProps = {
+  activity: Pick<Activity, 'id'> & {
+    assignee?: Pick<User, 'id' | 'displayName'> | null;
+  };
+  onSubmit?: () => void;
+  onCancel?: () => void;
+};
+
+export function ActivityAssigneeEditableFieldEditMode({
+  activity,
+  onSubmit,
+  onCancel,
+}: OwnProps) {
+  const { closeEditableField } = useEditableField();
+
+  function handleSubmit() {
+    closeEditableField();
+    onSubmit?.();
+  }
+
+  function handleCancel() {
+    closeEditableField();
+    onCancel?.();
+  }
+
+  return (
+    <StyledContainer>
+      <ActivityAssigneePicker
+        activity={activity}
+        onCancel={handleCancel}
+        onSubmit={handleSubmit}
+      />
+    </StyledContainer>
+  );
+}