Description
Currently the FacilityForm is set-up in a way that it does not have double-tap or long-press functionality. This ticket is designed to implement this on-top of the existing component.
User Story
As a user, I would like to have the ability to double tap OR long press a facility as a requiredFacility (a priority).
IMPORTANT NOTE:
We currently have icons made by Ju in the assets directory but Ju is looking at creating an SVG icons repo similar to the ones we used in meal-planner. Until we know more about this, continue to use the icons currently used in the FacilitiesForm.
AC
[x] User should be able to mark one or more facilities as a requiredFacility by double-tapping
[x] User should be able to mark one or more facilities as a requiredFacility by long press
[x] Icon colour uses globalStyleVariables in styles directory, currently designated as 'doubleSelected', see globalStyleVariables.jsNB: The colour and shade for requiredFacilities is undecided. Feel free to experiment.
[x] A single tap on any selected facility will deselect it (behaviour already exists in FacilityForm so just need to ensure the above changes do not break it!)
[x] Currently, the is a facilities array for single-tap, but we need to create a new requiredFacilities which stores any of the long-press/double-tap ones.
NB: Implement a check to ensure that the facilities do not overlap. I.E: if a user has double-tapped Wheelchair Access, then this should not appear in the facilities array and only should appear in the requiredFacilities
Description Currently the
FacilityForm
is set-up in a way that it does not have double-tap or long-press functionality. This ticket is designed to implement this on-top of the existing component.User Story As a user, I would like to have the ability to double tap OR long press a facility as a requiredFacility (a priority).
IMPORTANT NOTE: We currently have icons made by Ju in the assets directory but Ju is looking at creating an SVG icons repo similar to the ones we used in meal-planner. Until we know more about this, continue to use the icons currently used in the FacilitiesForm.
AC
globalStyleVariables.js
NB: The colour and shade for requiredFacilities is undecided. Feel free to experiment.FacilityForm
so just need to ensure the above changes do not break it!)facilities
array for single-tap, but we need to create a newrequiredFacilities
which stores any of the long-press/double-tap ones. NB: Implement a check to ensure that the facilities do not overlap. I.E: if a user has double-tapped Wheelchair Access, then this should not appear in the facilities array and only should appear in therequiredFacilities