diff --git a/src/components/log/QueryLog.js b/src/components/log/QueryLog.js
index 49dda0e..742ce0b 100644
--- a/src/components/log/QueryLog.js
+++ b/src/components/log/QueryLog.js
@@ -207,7 +207,7 @@ const status = t => [
* you must pass in the translation function before using the message array.
*/
const dnssec = t => [
- "", // Unspecified, which means DNSSEC is off, so nothing should be shown
+ "N/A", // Unspecified, which means DNSSEC is off, so nothing should be shown
t("Secure"),
t("Insecure"),
t("Bogus"),
@@ -215,6 +215,15 @@ const dnssec = t => [
t("Unknown")
];
+const dnssecColor = [
+ "", // Unspecified, which means DNSSEC is off, so the initial color should be shown
+ "green",
+ "orange",
+ "red",
+ "red",
+ "red"
+];
+
/**
* Convert a reply type code to a reply type. The unknown type is translated, so
* you must pass in the translation function before using the message array.
@@ -306,19 +315,20 @@ const columns = t => [
{
Header: t("Status"),
id: "status",
- accessor: r => ({ code: r.status, dnssec: r.dnssec }),
+ accessor: r => r.status,
width: 140,
+ Cell: row => status(t)[row.value]
+ },
+ {
+ Header: "DNSSEC",
+ id: "dnssec",
+ accessor: r => r.dnssec,
+ width: 90,
Cell: row => (
-
- {dnssec(t)[row.value.dnssec]}
-