Merge pull request #2602 from glific/flow-description

add description to flow
glific · Oct 30, 2023 · 98b7a1f · 98b7a1f
2 parents 126cf4d + 129503c
commit 98b7a1f
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/src/containers/Flow/Flow.tsx b/src/containers/Flow/Flow.tsx
@@ -34,6 +34,7 @@ export const Flow = () => {
   const [name, setName] = useState('');
   const [isPinnedDisable, setIsPinnedDisable] = useState(false);
   const [keywords, setKeywords] = useState('');
+  const [description, setDescription] = useState('');
   const [tagId, setTagId] = useState({ id: '', label: '' });
   const [isActive, setIsActive] = useState(true);
   const [isPinned, setIsPinned] = useState(false);
@@ -66,11 +67,22 @@ export const Flow = () => {
 
   if (loading) return <Loading />;
 
-  const states = { isActive, isPinned, isBackground, name, keywords, tagId, ignoreKeywords, roles };
+  const states = {
+    isActive,
+    isPinned,
+    isBackground,
+    name,
+    keywords,
+    description,
+    tagId,
+    ignoreKeywords,
+    roles,
+  };
 
   const setStates = ({
     name: nameValue,
     keywords: keywordsValue,
+    description: descriptionValue,
     tag: tagValue,
     isActive: isActiveValue,
     isPinned: isPinnedValue,
@@ -101,6 +113,7 @@ export const Flow = () => {
     setIsPinned(isPinnedValue);
     setIsBackground(isBackgroundValue);
     setRoles(rolesValue);
+    setDescription(descriptionValue);
 
     // we are receiving keywords as an array object
     if (fieldKeywords.length > 0) {
@@ -140,6 +153,14 @@ export const Flow = () => {
       placeholder: t('Keywords'),
       helperText: t('Enter comma separated keywords that trigger this flow.'),
     },
+    {
+      component: Input,
+      name: 'description',
+      type: 'text',
+      textArea: true,
+      rows: 2,
+      placeholder: t('Description'),
+    },
     {
       component: AutoComplete,
       name: 'tagId',

diff --git a/src/graphql/mutations/Flow.ts b/src/graphql/mutations/Flow.ts
@@ -18,6 +18,7 @@ export const CREATE_FLOW = gql`
         id
         name
         isActive
+        description
         uuid
         roles {
           id
@@ -39,6 +40,7 @@ export const UPDATE_FLOW = gql`
         id
         name
         isActive
+        description
         uuid
         roles {
           id
@@ -91,6 +93,7 @@ export const CREATE_FLOW_COPY = gql`
         id
         name
         keywords
+        description
         uuid
       }
       errors {

diff --git a/src/graphql/queries/Flow.ts b/src/graphql/queries/Flow.ts
@@ -19,6 +19,7 @@ export const GET_FLOW = gql`
         uuid
         isActive
         isPinned
+        description
         roles {
           id
           label
@@ -48,6 +49,7 @@ export const FILTER_FLOW = gql`
       name
       uuid
       keywords
+      description
       lastChangedAt
       isBackground
       lastPublishedAt