Fixed edge case w/ recipient filter + UI upgrades

Author: thelenw

web-ui/src/components/view_feedback_responses/ViewFeedbackResponses.jsx

@@ -157,12 +157,19 @@ const ViewFeedbackResponses = () => {
 
   useEffect(() => {
     let responsesToDisplay = [...questionsAndAnswers];
-
+    // Filter based on selected responders
     responsesToDisplay = responsesToDisplay.map(response => {
       let filteredAnswers = response.answers.filter(answer =>
         selectedResponders.includes(answer.responder)
       );
+
+      // If no filtered answers remain after filtering recipients, display a unified error message
+      if (filteredAnswers.length === 0) {
+        filteredAnswers = [{ answer: 'No input due to recipient filter', responder: null }];
+      }
+
       if (searchText.trim()) {
+        // Filter based on search text
         filteredAnswers = filteredAnswers.filter(
           ({ answer }) =>
             answer &&

web-ui/src/components/view_feedback_responses/feedback_response_card/FeedbackResponseCard.jsx

@@ -23,6 +23,10 @@ const FeedbackResponseCard = props => {
 
   // Handle different input types and answer values
   const getFormattedAnswer = () => {
+    if (props.answer === 'No input due to recipient filter') {
+      return props.answer;
+    }
+    
     if (props.inputType === 'NONE') {
       return 'No input'; // Display "No input" if the question input type is "NONE"
     }