Fix failure when respose are empty on web connectivity measurement page

ooni · Apr 11, 2024 · f5185d9 · f5185d9
1 parent e3ab23a
commit f5185d9
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/components/measurement/nettests/WebConnectivity.js b/components/measurement/nettests/WebConnectivity.js
@@ -100,18 +100,22 @@ const RequestResponseContainer = ({request}) => {
           </Box>
           <Box width={1} mb={2} p={2} bg='gray2'>
             <WrappedPre fontSize={14}>
-              {Object.keys(request.response.headers).map((header, index) => (
-                <React.Fragment key={index}>
-                  <Flex mb={2}>
-                    <Box mr={1}>
-                      <Text fontWeight='bold'>{header}:</Text>
-                    </Box>
-                    <Box>
-                      {request.response.headers[header]}
-                    </Box>
-                  </Flex>
-                </React.Fragment>
-              ))}
+              {
+                request.response.headers ? 
+                  Object.keys(request.response.headers).map((header, index) => (
+                  <React.Fragment key={index}>
+                    <Flex mb={2}>
+                      <Box mr={1}>
+                        <Text fontWeight='bold'>{header}:</Text>
+                      </Box>
+                      <Box>
+                        {request.response.headers[header]}
+                      </Box>
+                    </Flex>
+                  </React.Fragment>
+                )) :
+                <>Empty headers</>
+              }
             </WrappedPre>
           </Box>
           {/* Response Body (HTML) */}