Task/WG 411 Questionnaire Modal

react/package.json

@@ -43,11 +43,13 @@
     "@tacc/core-styles": "^2.37.2",
     "@tanstack/react-query": "^5.64.1",
     "@turf/turf": "^7.2.0",
+    "@types/jquery": "^3.5.32",
     "antd": "^5.23.1",
     "axios": "^1.7.9",
     "chonky": "^2.3.2",
     "dompurify": "^3.2.3",
     "formik": "^2.4.6",
+    "jquery": "^3.7.1",
     "jwt-decode": "^4.0.0",
     "leaflet": "^1.9.4",
     "leaflet.markercluster": "^1.5.3",

react/src/components/AssetDetail/AssetButton.tsx

@@ -8,12 +8,14 @@ type AssetButtonProps = {
   selectedFeature: Feature;
   featureSource: string;
   isPublicView: boolean;
+  onQuestionnaireClick?: () => void;
 };
 
 const AssetButton: React.FC<AssetButtonProps> = ({
   selectedFeature,
   featureSource,
   isPublicView,
+  onQuestionnaireClick,
 }) => {
   const pointCloudURL = DOMPurify.sanitize(featureSource + '/index.html');
 
@@ -30,8 +32,9 @@ const AssetButton: React.FC<AssetButtonProps> = ({
         </a>
       )}
       {featureType === FeatureType.Questionnaire && (
-        //TODO
-        <Button type="primary">View</Button>
+        <Button type="primary" onClick={onQuestionnaireClick}>
+          View
+        </Button>
       )}
       {featureType.includes(selectedFeature.geometry.type) && isPublicView && (
         //TODO

react/src/components/AssetDetail/AssetDetail.test.tsx

@@ -22,6 +22,7 @@ describe('AssetDetail', () => {
     onClose: jest.fn(),
     selectedFeature: mockImgFeature,
     isPublicView: false,
+    onQuestionnaireClick: jest.fn(),
   };
 
   it('renders all main components', async () => {

react/src/components/AssetDetail/AssetDetail.tsx

@@ -14,16 +14,18 @@ import { FeatureIcon } from '@hazmapper/components/FeatureIcon';
 import { Button, LoadingSpinner } from '@tacc/core-components';
 import styles from './AssetDetail.module.css';
 
-type AssetModalProps = {
+type AssetDetailProps = {
   onClose: () => void;
   selectedFeature: Feature;
   isPublicView: boolean;
+  onQuestionnaireClick;
 };
 
-const AssetDetail: React.FC<AssetModalProps> = ({
+const AssetDetail: React.FC<AssetDetailProps> = ({
   selectedFeature,
   onClose,
   isPublicView,
+  onQuestionnaireClick,
 }) => {
   const config = useAppConfiguration();
   const geoapiUrl = config.geoapiUrl;
@@ -61,6 +63,7 @@ const AssetDetail: React.FC<AssetModalProps> = ({
             selectedFeature={selectedFeature}
             featureSource={featureSource}
             isPublicView={isPublicView}
+            onQuestionnaireClick={onQuestionnaireClick}
           />
         </Suspense>
       </div>