diff --git a/hyperglass/ui/components/ResolvedTarget.js b/hyperglass/ui/components/ResolvedTarget.js
index 518f078..ac94817 100644
--- a/hyperglass/ui/components/ResolvedTarget.js
+++ b/hyperglass/ui/components/ResolvedTarget.js
@@ -38,11 +38,16 @@ const ResolvedTarget = React.forwardRef(({ fqdnTarget, setTarget, queryTarget },
return labelBgStatus[value === queryTarget];
};
+ const findAnswer = data => {
+ return data?.Answer?.filter(answerData => answerData.type === data.Question[0].type)[0]
+ .data;
+ };
+
useEffect(() => {
- if (data6 && data6.Answer && data6.Answer[0].type === 28) {
- handleOverride(data6.Answer[0].data);
- } else if (data4 && data4.Answer && data4.Answer[0].type === 1 && !data6?.Answer) {
- handleOverride(data4.Answer[0].data);
+ if (data6 && data6.Answer) {
+ handleOverride(findAnswer(data6));
+ } else if (data4 && data4.Answer && !data6?.Answer) {
+ handleOverride(findAnswer(data4));
}
}, [data4, data6]);
return (
@@ -54,7 +59,7 @@ const ResolvedTarget = React.forwardRef(({ fqdnTarget, setTarget, queryTarget },
>
{loading4 ||
error4 ||
- (data4?.Answer?.[0] && (
+ (findAnswer(data4) && (
handleOverride(data4.Answer[0].data)}
+ onClick={() => handleOverride(findAnswer(data4))}
>
IPv4
{loading4 && }
{error4 && }
- {data4?.Answer?.[0] && (
+ {findAnswer(data4) && (
- {data4.Answer[0].data}
+ {findAnswer(data4)}
)}
))}
{loading6 ||
error6 ||
- (data6?.Answer?.[0] && (
+ (findAnswer(data6) && (
handleOverride(data6.Answer[0].data)}
+ onClick={() => handleOverride(findAnswer(data6))}
>
IPv6
{loading6 && }
{error6 && }
- {data6?.Answer?.[0] && (
+ {findAnswer(data6) && (
- {data6.Answer[0].data}
+ {findAnswer(data6)}
)}