hikaya-io / activity

Making it easier for nonprofits to manage their project activities and indicators. Interested in contributing? Check out our open issues: https://tinyurl.com/activity-issues

A modern way for nonprofits to manage project activities and indicator results.
Try out Activity using our hosted version at hikaya.io.

This is the source code that runs the Activity application. If you want to use Activity then you don't need to run this code, we offer a hosted version of the app at activity.hikaya.app.

If you'd like to run your own copy of Activity or contribute to its development, then this is the place for you.

Getting started

Requirements and recommendations

• Git
• Docker
• Python 3.7+, preferably inside a Python virtual environment (virtualenv, pipenv or others)
• Make sure your dependencies are up-to-date. Update depdendencies with

sudo apt-get update && sudo apt-get -y upgrade # Linux

brew update && brew upgrade # Mac

Recommended setup

For the sake of similarity between developers environments and the deployment environments, we strongly recommend using Docker. For more details, see the Docker installation guide.

Clone the repository and go to Activity directory

git clone --branch develop https://github.com/hikaya-io/activity.git && cd activity

Copy the settings file

cp settings/local-sample.py settings/local.py

Launch Activity and its PostgreSQL database

docker compose up -d

This will:

1. Pull needed Docker images
2. Launch PostgreSQL
3. Build and launch Activity
4. Run database migrations on the PostgreSQL instance

It may take a while, but Activity should be accessible at http://localhost:8080

This setup is using the environment variables defined in the file .env.docker-compose. You can read more about Activity's expected environments variables in our installation guide.

Post-installation

1. Apply the Django fixtures defined in the fixtures folder:

   docker compose exec app python manage.py loaddata fixtures/auth_groups.json  # Add authorization groups
   docker compose exec app python manage.py loaddata fixtures/countries.json  # Add countries
   docker compose exec app python manage.py loaddata fixtures/sectors.json  # Add sectors

2. Create a Django superuser/admin

   docker compose exec app python manage.py createsuperuser

   You can now use it to login at http://localhost:8000/admin

3. Signup with a new user on Activity. Activate it through Django Admin Dashboard on http://localhost:8000/admin/workflow/activityuser/

You can now set up your favourite reverse proxy and link a domain to expose the app to the public.

Hosting

You can use any cloud hosting provider of your choice. We have used Digital Ocean and used App services to easily deploy the app. Here is the setup documentmention on Digital Ocean for Django app. The Digital Ocean Basic plan of 512 MB RAM | 1 vCPU will suffice. Possible option for database config for the app: 1 GB RAM / 1vCPU / 10 GB Disk / Primary only / PostgreSQL 15.

If you want setup from a droplet here are the steps you can follow to set up deployment and hosting:

1. Create an account on Digital Ocean.

2. Create a droplet. You can select a the Basic Ubuntu plan with at least 4GB RAM as Docker requires at least 4GB RAM droplet. RAM requirement can potentially be reduced by using Dockerhub.

3. Add your SSH key as you create your droplet. This is required to access the server later.

4. Once the droplet is created add your domain and DNS information.

5. Now your droplet is ready for adding your project data. On your local machine cd into the root project folder and copy files over to the server

   rsync -av -e "ssh -i $LINK/TO/SSH_KEY/FILE/DIRECTORY" PROJECT_FOLDER_NAME [email protected]:/root

6. SSH into your server to check if the files are copied correctly

   ssh -i $LINK/TO/SSH_KEY/FILE/DIRECTORY [email protected]

7. In your server, install docker. Here are the setup instructions for Ubuntu

8. Copy the settings files

   cp settings/local-sample.py settings/local.py

9. Then build and run the project on docker

   docker compose up -d

10. You can check if containers are built correctly and running by running

    docker contain ls -a

11. Run through the 'post-installation' steps from the above section to make sure all the fixtures are in place.

12. Make sure to add the environment variables on Digital Ocean.

13. Your application should be ready and accessible on your domain.

Contributing

Activity is built and maintained by the team at Hikaya.

Feel free to checkout and learn more about:

• Our contribution guide
• Our development process

We are always looking for a fresh set of 👀 who want to contribute to Activity, so if you are interested, you can reach out in our issues board or open a Github discussion and we'll help you get started!

activity's Issues

ACT-663 Re-implement Individual modal using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-663

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Form Library > Beneficiaries page 
- I click on the '+ Individual' button

THEN 
- I will see a modal window to add a new Individual record

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

ACT-666 Re-implement Documents using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-666

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Components > Documents page 
- I click on the '+ Documents' button

THEN 
- I will see a modal window to add a new Documents

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239
Example #2: #345

Add Activity logo in top left navigation bar

Is your feature request related to a problem? Please describe.
Just wondering if we could use the Activity logo a bit more. I don't see it anywhere on Activity. We could put it in the navigation bar in place of "Activity", and possibly around the signup/login views.

Implement Edit modal for user

Current behavior

• When I click Edit
  

This occurs:

Expected behavior:
When I click Edit, I should be able to change the following:

• First name
• Last name
• Role
• Reset password button (this will trigger a reset password email). This will be a separate ticket.

Error while creating an organization

Current behavior
Getting an error when creating an organization on first login

Error
DoesNotExist at /accounts/register/organization
Group matching query does not exist.

To Reproduce
Steps to reproduce the behavior:

1. Go to "/accounts/register/organization"
2. Create an organization
3. Submit the form
4. See error

Expected behavior
It should create an organization.

Screenshots
Dropbox Link

Change dropdown styling for Stakeholder field in Fund code modal

Acceptance Criteria

GIVEN I am a logged in user

AND I navigate to the Workflow > Program on the main navigation

AND I click on an existing program and navigate to the Funding tab

AND I click the + Fund Code button and select the dropdown on the Stakeholder field

THEN I should see a hikaya styled dropdown instead of the default one shown in the screenshot below:

Expected behavior:

This is what the dropdown should look like:

ACT-661 Re-implement Stakeholders using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-661

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Components > Stakeholder page 
- I click on the '+ Stakeholder' button

THEN 
- I will see a modal window to add a new Stakeholder

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

Error when viewing organization's people

Current behavior
Group matching query does not exist. when visiting the "People" tab of an organization

To Reproduce
Steps to reproduce the behavior:

1. Go to organization settings
2. Click on "People"
3. See error

Expected behavior
I expect to see a page of the people in an organization

Screenshots
Dropbox Link

Error while deleting objective

Current behavior
I get an (clean) internal server error when deleting an objective.

To Reproduce
Steps to reproduce the behavior:

1. Go to '/indicators/objectives'
2. Create an objective if you have none
3. Delete the objective
4. See error

Expected behavior
There should be issues, and the objective should be deleted.

Screenshots
Dropbox Link

ACT-595: Sorting of all the Vue components is inconsistent

Components affected:

• Org settings
• Data collection frequency
• Levels
• Indicator type
• Fund code
• Location type
• Office type
• Stakeholder type
• Objectives

Current behavior
New items added are not being added to the top

Expected behavior
New items are added to the top of the list

To Reproduce
Steps to reproduce the behavior:

1. Go to one of the components specified above
2. Click on 'add' to add a new item
3. New item is added randomly to the list

Jira issue: ACT-595

WARNING: RuntimeWarning: DateTimeField ActivityUser.edit_date received a naive datetime

Current behavior
Apparently the ActivityUser is receiving a date in the wrong format at some point within runtime of the server. This warning keeps popping up throughout running the local server

To Reproduce
Steps to reproduce the behavior:

1. Go to update profile page
2. Update any field in the profile
3. See warning in terminal
   OR
4. Go to update organization page
5. Update any field in the organization
6. See warning in terminal

Expected behavior
I expect no warnings. I don't believe it has any effect on the functionality of the webapp, but warnings are never nice.

Screenshots
Dropbox Link

ACT-464 update globa vs org-specific default lists

GIVEN I am a user on Dev or Staging

THEN I would like to see the same global default dropdowns as they are on Production

For example, under the indicator model, there are attributes like Level that have been standardized (Goal, Outcome, Output, Activity, Input) or Data Collection Frequency. We would like these attribute values to display the same in Dev and Production so we can have appropriate testing.

Can we create a file that loads this default values in Dev and Staging?

Add "Funding %" field to Fund Code model

Is your feature request related to a problem? Please describe.
When users add a fund code to a program that means it is typically a percentage that is funding the program. It would be a nice to have to add the ability to track the % that this fund code is contributing to the total funding of the program.

For example 2 fund codes are linked to Program A: Fund code 1=75% and Fund code 2=25%.

Acceptance Criteria
A clear and concise description of how to ensure the feature request is met.

GIVEN I am a logged in user

AND I navigate a Program and click on the `Funding` tab

AND I should be able to click on `+ Fund Code` button to add a new Fund Code

THEN on this create modal, I should see a new input field (type=integer) under the Fund Code field where I can add a % that this fund code contributes to this program.

Additional context

Add social auth for Google and Microsoft

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

Acceptance Criteria

GIVEN I am a new user wanting to register at: https://activity.hikaya.app/accounts/register/user/none/

AND I already have a registered Google OR Microsoft account

THEN I should be able to click a button called Sign in with Google or Microsoft that will allow me to share my social auth credentials with the Activity app to sign me up and register my Activity account.

OR I should be able to click on the Register tab

AND see a button called Sign up with Google/Microsoft at the bottom of the Create an account form:

Additional context
References to Microsoft’s branding for their social auth button: https://docs.microsoft.com/en-us/azure/active-directory/develop/howto-add-branding-in-azure-ad-apps

Note that a Google integration already exists built using social-app-django.

Refactor the already existing Google integration to use django-allauth, then create the new Microsoft integration.

Configure Snyk for Activity

Is your feature request related to a problem? Please describe.
We would like to explore configuring Snyk for Activity. This card should be used to research Snyk and document what benefits it would bring and what we would want to use it for.

https://snyk.io/product/

free for open source projects

ACT-659 Re-implement Indicators using Vue: Create modal

GIVEN I am a logged in user

AND I navigate to the Indicators > Indicator list page

AND I click + Indicators

THEN I should see an create modal that should be using Vue

ACT-678 Re-implement Indicators using Vue: Delete modal

GIVEN I am a logged in user

AND I navigate to the Indicators > Indicator list page

AND I see an existing indicator and click the More> Delete button under the Actions columns

THEN I should be prompted with a delete modal using Vue

ACT-658 Re-implement Programs using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-658

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Programs page 
- I click on the '+ program' button
OR WHEN
- I go to the home dashboard page 
- I click on the '+program' button

THEN 
- I will see a modal window to add a new program

Additional context
Currently the feature is generated with Django templates using JQuery and this tickets is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

Move all admin models to admin.py

Current status:
Admin models in customdashboard and configurabledashboard apps are located in the models.py file and registered in admin.py

Expected:
All admin models should be located in admin.py and registered using @admin.register() decorator.

Disclaimer:
Ensure all dashboards work as expected

404 Footer Links

Current behavior
Both the 'Hikaya' and 'Documentation' footer links go to 404 pages.

To Reproduce
Steps to reproduce the behavior:

1. Go to the website
2. Click on either the 'Hikaya' or 'Documentation' links
3. See 404 page

Expected behavior
Should popup to expected page

Screenshots
Hikaya 404 Link
Documentation 404 Link

Invalid Email

Current behavior
User registration with an invalid email runs into internal server error. This works, but it is much more professional to have a cleanly caught error and a nice alert showing the user it's invalid.

Also, even though there's an internal server error, it still creates the user.

To Reproduce
Steps to reproduce the behavior:

1. Go to '/accounts/register/user/none/'
2. Register a user with an invalid email
3. See error
4. Go to admin page and show that the user is created

Expected behavior
User should not be created and STMP error should be caught.

Screenshots
Dropbox Link

ACT-471: Rewrite index view

Current status:
index view on activity app is function-based

Expected:
Rewrite the view to class based view and update the url accordingly.

Disclaimer:
Ensure the index page works as before.

ACT-692 Ability to automatically deploy from 'dev" to "staging" when a PR is merged

GIVEN I am a developer

AND I create a PR to merge dev with staging branches

AND once the PR is approved and merged

THEN I would expect that the code on staging is automatically deployed to the staging environment.

Explore options to bulk import data from a spreadsheet for Indicator model

Is your feature request related to a problem? Please describe.

Based on client needs, they will need an option to bulk import historical data or their existing data to Activity as they move over. What are the options to bulk import data into the system?

Acceptance Criteria

GIVEN I am a logged in user

AND I have an existing program with a large number of indicators that are in a CSV file

AND I navigate to the Indicator tab

AND on the Indicator Listing page, I click Import button

THEN I would expect to see a import wizard with steps to allow be to:

- Select the file I would like to import
- Map the fields from my file to the Indicator model
- Confirm the mapping through a preview of the column headers
- Perform the import and provide success or fail prompt

Additional context

ACT-693 Ability to automatically deploy "master" to Production when a release tag is created + published

GIVEN when a developer updates master from staging (create a PR or rebase)

AND they create a release and tag (https://github.com/hikaya-io/activity/releases)

AND when the release is published (not draft)

THEN the code on master should be deployed to our Production environment on Digital Ocean.

Ability for a user to request joining an existing Organization

Is your feature request related to a problem? Please describe.
We would like to explore how a user who is already in the system could request access to join an existing Organization workspace.

Acceptance Criteria

GIVEN I am a user (not logged in) on the login page

AND I have been invited to the organization already

AND I know the organization name I need to login to 

THEN I should be able to search for their Organization

AND once found, the user should be prompted to log in

AND be redirected to the Organization’s Activity Homepage

Additional context

Unable to "Save" when create a new objective in the modal

Is your feature request related to a problem? Please describe.

• Unable to "Save" when create a new objective in the modal

Acceptance Criteria

GIVEN I am a logged in user

AND I navigate to the Indicator > Objectives

AND I click on `+ objectives`

AND I fill out all the required fields

THEN I would expect the objective to save.

Additional context

Add validation between disaggregation types

Acceptance Criteria

As a logged in user

AND I navigate to the Indicator > Indicator list page

AND I click to expand the Indicator Results

AND I click edit for a Result record

OR I click on add new Result

AND I click Add disaggregation to select the disaggregation type (i.e. disaggregation type A) that I would like to add values for.

AND once I select disaggregation type A, I see the disaggregation labels for disaggregation type A display with input fields for me to enter in the disaggregation values

AND I fill in the disaggregation values for all the disaggregation labels of disaggregation type A

AND I if I select another disaggregation type to add (I.e. disaggregation type B)

AND I fill in the disaggregation values for all the disaggregation labels for disaggregation type B.

THEN I should expect that the sum of the disaggregation values for disaggregation type A to match the sum of the disaggregation type B

OR I will see a data validation message appear that says the disaggregation types must match the other.

ACT-713 Research IPTT report in MC repo

ACT-664 Re-implement Trainings using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-664

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Form Library > Training page 
- I click on the '+ Training' button

THEN 
- I will see a modal window to add a new Training

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

Explore how to add new Level from inside the dropdown of Level on the Indicator Edit page

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

Acceptance Criteria
As a logged in user (Permission = Editor)

AND I navigate to the Indicator tab

AND on the indicator list page I hover over the more icon for a specific indicator record

AND I click level

THEN I expect to be brought to the indicator Edit/Detail page > Performance tab

AND when I click on the Level field I should see a list of existing levels already added

AND the ability to add a new Level at the bottom of the dropdown (Add new level option to be stuck to the bottom of the dropdown)

Additional context
Mockup for level selection and creation option:

• the dropdown is scrollable
• At the bottom is an option to “create new level”. This is a sticky dropdown item which is unaffected by the scrolling
• Clicking on ‘create new level’ will show the ‘add level’ quick action pop-up. And saving new level should add the new level to the level dropdown. User will remain on the same indicator page the entire time.

ACT-665 Re-implement Distribution using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-665

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Form Library > Distribution page 
- I click on the '+ Distribution' button

THEN 
- I will see a modal window to add a new Distribution

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

No reload on model creation

Is your feature request related to a problem? Please describe.
This feature request is not related to a problem at all.

Acceptance Criteria

GIVEN I am a logged-in user

AND I navigate to the main page...

AND I create a model/object

THEN I don't want the page to reload for the model/object to show up in the UI. I would like the model/object to automatically show up in the UI.

Additional context
I only think this is a good feature to add because if the user has a bad internet connection, or even if their internet connection, they're going to have to wait some time just to see that their model/object was created, making the user experience not as good, and it is not as clean.

This could probably be done with some simple Javascript or asynchronous requests to the database.

Organization duplication

Current behavior
Organizations can be created with duplicate information besides date
Linked to this issue: #286

To Reproduce
Steps to reproduce the behavior:

1. Create multiple organizations (depending on when this issue is viewed, you may or may not run into an error)
2. Go to admin dashboard
3. Go to organizations
4. If you created multiple organizations, even though you run into an error, multiple organizations have been created with duplicate information.

Expected behavior
Should cleanly catch error to say that you cannot create an organization that exists already.

Screenshots
Link to Dropbox

Add validation so that the Life of Program Target value equals the sum of the Periodic Targets

Acceptance Criteria

GIVEN I am a logged in user

AND I navigate to the Indicators tab

AND I add a new indicator

OR I click on an existing indicator

AND I navigate to the Targets tab

AND I enter in the Life of Program Target field (I.e. 1000)

AND I select a Target Frequency I.e. with 4 intervals

THEN when I enter in the periodic target values, then sum of the targets should be equal to the Life of Program Target as below.

AND when I enter in values that has a Sum of Targets different from the Life of Program Target then I should receive an error message that says “The sum of targets should match the life of program target.”

ACT-662 Re-implement Site Profile/Location using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-662

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Components > Location page 
- I click on the '+ Location' button

THEN 
- I will see a modal window to add a new Location

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

ACT-688 Rename Beneficiary model "Individual"

The Beneficiary model should be renamed Individual and the following fields changed:

• Beneficiary name → First Name (charField)

ACT-660 Re-implement Contacts using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-660

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Components > Contact page 
- I click on the '+ Contact' button
OR WHEN
- I go to the Components > Stakeholder 
- I click on an existing Stakeholder item
- On the edit page > Details tab
- I click on the '+ Contact' button

THEN 
- I will see a modal window to add a new contact

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

Change organization logo update banner color

Is your feature request related to a problem? Please describe.
Reall small feature request, but I think that the update banner for organization logos should be changed from red to green.

I was an error color and at first I thought I did something wrong. This is mainly for UX.

GIVEN I am a logged in user

AND I navigate to update organization page

AND I update my organization logo

THEN I expect the banner to be success green instead of error red.

Additional context
Dropbox Link

ACT-432: Create a PoC for Social Auth (Google) and research how to implement

Is your feature request related to a problem? Please describe.
We would like to implement social auth for Google account but this feature is not as straight forward since it requires the social auth to 1) create a user account and confirm via email; 2) create an organization before they can start to use the app.

Acceptance Criteria

GIVEN I am a new user wanting to register at: https://activity.hikaya.app/accounts/register/user/none/

AND I already have a registered Google account

THEN I should be able to click a button Sign in with Google that will allow me to share my social auth credentials with the Activity app to sign me up and register my Activity account.

AND if I click on the Register tab

AND I should be able to see the button called Sign up with Google at the bottom of the Create an account form:

Additional context
Branding reference for the Google button: https://developers.google.com/identity/branding-guidelines

Prerequisites for each model object creation page

Is your feature request related to a problem? Please describe.
Definitely not the expert on the software, but I think we should add some descriptions on each model object creation page (programs, projects, etc.) just describing what the page does and the prerequisites needed.

For example, to create a project, you need to have created a program first. Could be simpler if it was just noted at the top of the page.

Acceptance Criteria
A clear and concise description of how to ensure the feature request is met.

GIVEN I am a logged in user

AND I navigate to any page where a model object is created

THEN I expect there to be a description of what model object I'm creating and if I need to have created any other model objects as prerequisites.

Roadmap

Hello, so during out Python meet up yesterday, we were introduced to this project. I would like to contribute but I do not know where to start. Is there Roadmap available so interested devs can know what needs to be worked on ?

ACT-671 Re-implement Projects using Vue: Create modal

Is your feature request related to a problem? Please describe.
This is not related to a problem.
Jira ticket: ACT-671

Acceptance Criteria

GIVEN 
I am a logged in user

WHEN
- I go to the Workflows > Projects page 
- I click on the '+ Projects' button

THEN 
- I will see a modal window to add a new Documents

Additional context
Currently the feature is generated with Django templates using JQuery and this ticket is to render it using Vue.
Example PR as reference for changing Levels and Indicator Type to Vue: #239

Add export to csv for Stakeholders

Add export functionality similar to what exists in the new verison

No error message on incorrect login credentials

Is your feature request related to a problem? Please describe.
There are no issues related to this feature request.

Acceptance
I think there should be an error message when you login incorrectly, right now that doesn't happen.

GIVEN I am a logged in user

AND I navigate to the login page...

AND I sign in with incorrect credentials

THEN I expect to see an error message

Additional context
Right now, I only get a refresh with no error, making me think that something's wrong with the website.

Program Creation

Issue
The End date can be a date that is less than the start date.

Fix
When adding a new program, the end date should greater date than the start date.

ACT-697 Fix branch declarations

PR on configurations was merged before finishing with Travis CI fix

Create a .env.sample file

Importance

The .env.sample file will contain all the required environment variable files to enable users setting up or any new addition to be reflected on the file to enable users to be upto date with the latest environment variables.The file will go in the format of:

export ACTIVITY_CE_DB_NAME=" your database name goes here "

When setting up you copy this to your .env file and replace it with your own variables.

Change dropdown styling for Evidence field in Results modal

Acceptance Criteria

GIVEN I am a logged in user

AND I navigate to the Indicators > Indicator on the main navigation

AND I click to expand an existing indicator to see its results

AND I click the `Add Result`

THEN on the Result modal I should see a hikaya branded dropdown for the Evidence field.

Currently the field is the system default one:

Expected behavior:
The dropdown should look like this:

Fix defect with updating modal headers

Current behavior
When a user is prompted to confirm delete for a Data collection frequency and they click on cancel, when they go back to add a new Data collection frequency the modal header is confirm delete instead of Add data collection frequency

To Reproduce
Steps to reproduce the behavior:

1. A user navigates to Data collection frequency list
2. A user clicks on Actions > Delete
3. A user clicks on Cancel
4. A user goes to ‘+Data collection frequency’
5. User see Header as Confirm Delete instead of Add data collection frequency

Expected behavior

1. A user navigates to Data collection frequency list
2. A user clicks on Actions > Delete
3. A user clicks on Cancel
4. A user goes to ‘+Data collection frequency’
5. A user should see a modal with the header 'Add data collection frequency'

Screenshots