Add fake API data for new settings tab

Signed-off-by: DL6ER <dl6er@dl6er.de>

scripts/make-fake-data.js

@@ -383,6 +383,14 @@ function getPreferences() {
   }
 }
 
+function cacheinfo() {
+  return {
+    cache_size: faker.random.number(),
+    cache_evicted: faker.random.number(),
+    cache_inserted: faker.random.number()
+  };
+}
+
 console.log("Deleting old fake API data...");
 fs.emptyDirSync("public/fakeAPI/dns");
 fs.emptyDirSync("public/fakeAPI/stats");
@@ -395,6 +403,7 @@ write("public/fakeAPI/dns/whitelist", list());
 write("public/fakeAPI/dns/blacklist", list());
 write("public/fakeAPI/dns/regexlist", list());
 write("public/fakeAPI/dns/status", status());
+write("public/fakeAPI/dns/cacheinfo", cacheinfo());
 write("public/fakeAPI/settings/dhcp", getDHCPInfo());
 write("public/fakeAPI/settings/dns", getDNSInfo());
 write("public/fakeAPI/settings/network", getNetworkInfo());

src/components/settings/CacheInfo.tsx

@@ -96,7 +96,7 @@ class CacheInfo extends Component<WithTranslation, CacheInfoState> {
               plaintext
               readOnly
               id="cache_inserted"
-              value={this.state.cache_inserted}
+              value={this.state.cache_inserted.toLocaleString()}
             />
           </Col>
         </FormGroup>