hit counter

This commit is contained in:
Marco van Dijk 2022-03-07 12:45:58 +01:00
parent 1995a2177a
commit d8afb4d09f
3 changed files with 22 additions and 12 deletions

View File

@ -580,7 +580,7 @@ apiRouter.get("/getOrchestratorByDelegator", async (req, res) => {
try { try {
const reqDel = req.query.delegatorAddress; const reqDel = req.query.delegatorAddress;
const delObj = await parseDelegator(reqDel); const delObj = await parseDelegator(reqDel);
if (delObj.delegate && delObj.delegate.id) { if (delObj && delObj.delegate && delObj.delegate.id) {
const reqObj = await parseOrchestrator(delObj.delegate.id); const reqObj = await parseOrchestrator(delObj.delegate.id);
res.send(reqObj); res.send(reqObj);
} else { } else {
@ -595,7 +595,7 @@ apiRouter.get("/getOrchestratorByDelegator/:delegatorAddress", async (req, res)
try { try {
const reqDel = req.params.delegatorAddress; const reqDel = req.params.delegatorAddress;
const delObj = await parseDelegator(reqDel); const delObj = await parseDelegator(reqDel);
if (delObj.id && delObj.delegate.id) { if (delObj && delObj.delegate && delObj.delegate.id) {
const reqObj = await parseOrchestrator(delObj.delegate.id); const reqObj = await parseOrchestrator(delObj.delegate.id);
res.send(reqObj); res.send(reqObj);
} else { } else {
@ -610,7 +610,7 @@ apiRouter.post("/getOrchestratorByDelegator", async (req, res) => {
try { try {
const reqDel = req.body.delegatorAddress; const reqDel = req.body.delegatorAddress;
const delObj = await parseDelegator(reqDel); const delObj = await parseDelegator(reqDel);
if (delObj.id && delObj.delegate.id) { if (delObj && delObj.delegate && delObj.delegate.id) {
const reqObj = await parseOrchestrator(delObj.delegate.id); const reqObj = await parseOrchestrator(delObj.delegate.id);
res.send(reqObj); res.send(reqObj);
} else { } else {

View File

@ -16,6 +16,7 @@
"react-markdown": "^7.1.1", "react-markdown": "^7.1.1",
"react-paginate": "^8.1.2", "react-paginate": "^8.1.2",
"react-redux": "^7.2.6", "react-redux": "^7.2.6",
"react-retro-hit-counter": "^1.0.1",
"react-router-dom": "^6.0.2", "react-router-dom": "^6.0.2",
"react-scripts": "3.2.0", "react-scripts": "3.2.0",
"react-tooltip": "^4.2.21", "react-tooltip": "^4.2.21",

View File

@ -3,7 +3,8 @@ import './style.css';
import { import {
Navigate Navigate
} from "react-router-dom"; } from "react-router-dom";
import { useSelector } from 'react-redux' import { useSelector } from 'react-redux';
import RetroHitCounter from 'react-retro-hit-counter';
// Index of all subpages on this website // Index of all subpages on this website
@ -62,14 +63,22 @@ const Home = (obj) => {
</div> </div>
<div className="alwaysOnBottom showNeverOnMobile" style={{ margin: 0, padding: 0 }}> <div className="alwaysOnBottom showNeverOnMobile" style={{ margin: 0, padding: 0 }}>
<div className="row" style={{ margin: 0, padding: 0 }}> <div className="row" style={{ margin: 0, padding: 0 }}>
<h4 className="lightText" style={{ margin: 0, padding: 0 }}> <RetroHitCounter
Connected as {sessionstate.ip || "?"} hits={totalVisitorCount}
</h4> withBorder={true}
</div> withGlow={true}
<div className="row" style={{ margin: 0, padding: 0 }}> minLength={4}
<h3 className="lightText" style={{ margin: 0, padding: 0 }}> size={50}
{totalVisitorCount} unique visitors / {activeVisitorCount} of which have interacted with this website padding={6}
</h3> digitSpacing={4}
segmentThickness={5}
segmentSpacing={0.6}
segmentActiveColor="#76FF03"
segmentInactiveColor="#315324"
backgroundColor="#222222"
borderThickness={6}
glowStrength={0.4}
/>
</div> </div>
</div> </div>
<div className="alwaysOnBottomRight" style={{ margin: 0, padding: 0 }}> <div className="alwaysOnBottomRight" style={{ margin: 0, padding: 0 }}>