Merge pull request #108 from PauSansa/feat/hide-contact-when-unassigned

feat(help-req) - hide contact info if user is not assigned to help request

src/components/PhoneInfo.js

@@ -0,0 +1,27 @@
+import { useQuery } from '@tanstack/react-query';
+import { helpRequestService } from '@/lib/service';
+import { useSession } from '@/context/SessionProvider';
+
+export default function PhoneInfo({ caseInfo }) {
+  const session = useSession();
+
+  const {
+    data: assignments,
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ['help_request_assignments', { id: caseInfo.id }],
+    queryFn: () => helpRequestService.getAssignments(caseInfo.id),
+  });
+
+  if (error || isLoading) return <></>;
+
+  const userAssignment = assignments?.find((x) => x.user_id === session.user?.id);
+
+  return (
+    <span className="break-words">
+      <span className="font-semibold">Contacto:</span>{' '}
+      {!!userAssignment ? caseInfo.contact_info : 'Ayuda a esta persona para ver sus datos de contacto'}
+    </span>
+  );
+}

src/components/SolicitudCard.tsx

@@ -2,10 +2,11 @@ import { AlertTriangle, Calendar, MapPin, MapPinned, Megaphone, Phone, Users } f
 import { tiposAyudaOptions } from '@/helpers/constants';
 import Link from 'next/link';
 import { useSession } from '@/context/SessionProvider';
-import { HelpRequestAdditionalInfo, HelpRequestData } from '@/types/Requests';
+import { HelpRequestAdditionalInfo, HelpRequestData, HelpRequestAssignmentData } from '@/types/Requests';
 import { Town } from '@/types/Town';
 import AsignarSolicitudButton from '@/components/AsignarSolicitudButton';
 import SolicitudHelpCount from '@/components/SolicitudHelpCount';
+import PhoneInfo from '@/components/PhoneInfo.js';
 
 type SolicitudCardProps = {
   caso: HelpRequestData;
@@ -103,9 +104,7 @@ export default function SolicitudCard({
             {caso.contact_info && (
               <div className="flex items-start gap-2">
                 <Phone className="h-4 w-4 text-gray-500 flex-shrink-0 mt-1" />
-                <span className="break-words">
-                  <span className="font-semibold">Contacto:</span> {caso.contact_info}
-                </span>
+                <PhoneInfo caseInfo={caso} />
               </div>
             )}
             {caso.urgency && (