[Issue]: Cannot submit "Not applicable to needs/goals" as team status in Grant Finder

[mhuang-usdr]

Why is this issue important?

This is a bug in production for a supported user journey.

Current State

When user visits a Grants detail page (here is a random example) and selects "Not applicable to needs/goals" as the Team Status, the Submit button greys out and does not allow submission. All other options for Team Status work correctly.

Expected State

When user visits a Grants detail page (here is a random example) and selects "Not applicable to needs/goals" as the Team Status, the Submit button should allow submission, same as any other status.

Implementation Plan

The problem seems to be related to the :disabled property of the submit button in the "Team Status" component, although it doesn't seem like it should. Observe that in its current state, this evaluation causes the bug to manifest:

:disabled="!selectedInterestedCode"

whereas this evaluation (when tested locally) results in the expected state:

:disabled="selectedInterestedCode === null"

A bit of digging (at least to explain why !selectedInterestedCode, which seems to be valid syntax) would be appreciated here. In particular, the strictness of the === evaluation demonstrated above is a drawback – something that evaluates to true when selectedInterestedCode is any "false-y" value would be preferred. However, the above would be acceptable in absence of a better alternative.

Note the documented behavior of the disabled prop for the b-button component.

Relevant Code Snippets

Usage in the button's disabled prop:

usdr-gost/packages/client/src/views/GrantDetailsView.vue

Line 222 in 61e1e9b

:disabled="!selectedInterestedCode"

Initialization of selectedInterestedCode:

usdr-gost/packages/client/src/views/GrantDetailsView.vue

Line 319 in 61e1e9b

selectedInterestedCode: null,

[ClaireValdivia]

Looks great in staging!