From 5b2d437a1a6fad2ae9239b48721a395c83ffc5db Mon Sep 17 00:00:00 2001
From: s3lph <5564491+s3lph@users.noreply.github.com>
Date: Sat, 11 Oct 2025 20:46:38 +0200
Subject: [PATCH] feat: add support for dualstack test result and http status
 code

---
 package.json            |  2 +-
 src/ValidationResult.js | 37 +++++++++++++++++++++++++++++++++++--
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 1cea2ca..6afe4f7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "spaceapi-validator-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "homepage": "/ui",
   "dependencies": {
diff --git a/src/ValidationResult.js b/src/ValidationResult.js
index 3ac2cd0..4e29542 100644
--- a/src/ValidationResult.js
+++ b/src/ValidationResult.js
@@ -73,17 +73,50 @@ function ValidationResult(props) {
 
     return (
         <List>
-            {props.result.reachable === false &&
+            {(props.result.httpStatus === 0 && props.result.reachable === false) &&
                 <StyledListItem type={'error'}>
                     <ListItemIcon>
                         <ErrorIcon />
                     </ListItemIcon>
                     <ListItemText
-                        primary={"The provided URL is not reachable"}
+                        primary={"The provided URL is not reachable."}
                         secondary={"Check your server something is wrong."}
                     />
                 </StyledListItem>
             }
+            {(props.result.httpStatus !== 0 && props.result.reachable === false) &&
+                <StyledListItem type={'error'}>
+                    <ListItemIcon>
+                        <ErrorIcon />
+                    </ListItemIcon>
+                    <ListItemText
+                        primary={"The provided URL is reachable, but returns HTTP status code " + props.result.httpStatus}
+                        secondary={"Check your server something is wrong."}
+                    />
+                </StyledListItem>
+            }
+            {(props.result.reachable === true && props.result.reachableIPv6 === false) &&
+                <StyledListItem type={'warning'}>
+                    <ListItemIcon>
+                        <ErrorIcon />
+                    </ListItemIcon>
+                    <ListItemText
+                        primary={"The provided URL is not reachable via IPv6"}
+                        secondary={"We recommend to provide a dual-stack endpoint (both IPv6 and IPv4) for best interoperability with all clients."}
+                    />
+                </StyledListItem>
+            }
+            {(props.result.reachable === true && props.result.reachableIPv4 === false) &&
+                <StyledListItem type={'warning'}>
+                    <ListItemIcon>
+                        <ErrorIcon />
+                    </ListItemIcon>
+                    <ListItemText
+                        primary={"The provided URL is not reachable via IPv4"}
+                        secondary={"We recommend to provide a dual-stack endpoint (both IPv6 and IPv4) for best interoperability with all clients."}
+                    />
+                </StyledListItem>
+            }
             {props.result.valid === true &&
                 <StyledListItem type={'success'}>
                     <ListItemIcon>