From fbaab2fd9517a97d3cadb8fae97fcfe3efd8696e Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Tue, 26 Nov 2024 22:37:28 +0100
Subject: [PATCH] [call-me] - improvements

---
 package.json     |  2 +-
 public/client.js | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 22e5864..e4d57ac 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.0.19",
+    "version": "1.0.20",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",
diff --git a/public/client.js b/public/client.js
index c15c21a..3d7e914 100755
--- a/public/client.js
+++ b/public/client.js
@@ -42,10 +42,23 @@ document.addEventListener('DOMContentLoaded', async function () {
 
 // Get Random Images
 async function fetchRandomImage() {
+    if (sessionStorage.cachedImage) {
+        // If there's cached data, use it
+        randomImage.src = sessionStorage.cachedImage;
+        console.log('Using cached image');
+        return;
+    }
+
     try {
         const response = await axios.get('/randomImage');
         const data = response.data;
-        randomImage.src = data.urls.regular;
+
+        // Cache the image URL for subsequent calls
+        sessionStorage.cachedImage = data.urls.regular;
+
+        // Update the image source
+        randomImage.src = sessionStorage.cachedImage;
+        console.log('Fetched and cached image');
     } catch (error) {
         console.error('Error fetching image', error.message);
     }