Show the commits page longer

sample.env

@@ -9,6 +9,7 @@ VITE_ACTIVITY_ENDPOINT=https://koala.svsticky.nl/api/activities
 # Timers
 VITE_LOAD_INTERVAL=900000  # 15 * 60 * 1000
 VITE_NEXT_INTERVAL=8000    # 8 * 1000
+VITE_NEXT_INTERVAL_COMMITS=
 
 # Commits page
 VITE_GITHUB_REPOS=svsticky/radio svsticky/constipated-koala svsticky/static-sticky

src/App.jsx

@@ -5,7 +5,7 @@ import BoardText from "./components/BoardText";
 import Quotes from "./components/Quotes";
 import Ad from "./components/Ad";
 import { TeamPage } from "./components/Team";
-import {GITHUB_REPOS, LOGO} from "./helpers/env";
+import {GITHUB_REPOS, LOGO, NEXT_INTERVAL, NEXT_INTERVAL_COMMITS} from "./helpers/env";
 import { CommitsPage } from "./components/Commits";
 
 export default class App extends Component {
@@ -80,9 +80,12 @@ export default class App extends Component {
         // Temporarily disabled
         break;
       case "commits":
-        this.setState({
-          current: "activities",
-        });
+        setTimeout(
+          () => this.setState({
+            current: "activities",
+          }),
+          NEXT_INTERVAL_COMMITS
+        )
         break;
       default:
         return;
@@ -94,7 +97,7 @@ export default class App extends Component {
     // Every this.props.nextInterval, we switch to the next ad or activity to display
     this.activityChanger = setInterval(
       this.next.bind(this),
-      parseInt(import.meta.env.VITE_NEXT_INTERVAL)
+      parseInt(NEXT_INTERVAL)
     );
   }
 

src/helpers/env.js

@@ -8,3 +8,6 @@ export const GITHUB_REPOS = import.meta.env.VITE_GITHUB_REPOS;
 
 export const KOALA_ACTIVITY_ENDPOINT = import.meta.env.VITE_ACTIVITY_ENDPOINT;
 export const LOGO = import.meta.env.VITE_LOGO;
+
+export const NEXT_INTERVAL = import.meta.env.VITE_NEXT_INTERVAL;
+export const NEXT_INTERVAL_COMMITS = import.meta.env.VITE_NEXT_INTERVAL_COMMITS;