From d294da66ee22849050c8ed952fdabd916fbb8166 Mon Sep 17 00:00:00 2001
From: Nakul Jhunjhunwala <nakul.jhunjhunwala@cometchat.com>
Date: Mon, 17 Jun 2024 16:12:51 +0530
Subject: [PATCH] Update Sample App to version 4.3.8

---
 package.json                    |   2 +-
 src/assets/wolverine_avatar.png | Bin 0 -> 9984 bytes
 src/components/Login/index.tsx  |  63 ++++++++++++++++----------------
 src/metaInfo.ts                 |   2 +-
 src/sampleApp/sampledata.js     |  35 ++++++++++++++++++
 5 files changed, 68 insertions(+), 34 deletions(-)
 create mode 100644 src/assets/wolverine_avatar.png
 create mode 100644 src/sampleApp/sampledata.js

diff --git a/package.json b/package.json
index c46521a..d0e7703 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cometchat-chat-sample-app-react",
-  "version": "4.3.7",
+  "version": "4.3.8",
   "private": true,
   "dependencies": {
     "@cometchat/calls-sdk-javascript": "^4.0.7",
diff --git a/src/assets/wolverine_avatar.png b/src/assets/wolverine_avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..43913642c12f0cdd0d06b826ffdcdf08f6b0207c
GIT binary patch
literal 9984
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

literal 0
HcmV?d00001

diff --git a/src/components/Login/index.tsx b/src/components/Login/index.tsx
index 0814053..8a84e6d 100644
--- a/src/components/Login/index.tsx
+++ b/src/components/Login/index.tsx
@@ -1,16 +1,13 @@
 import { Navigate, useNavigate } from "react-router-dom";
 import { defaultUserBtnsContainerStyle, errorMessageStyle, goToSignupContainerStyle, goToSignupStyle, loginBtnStyle, loginSampleUsersContainerStyle, loginStyle, loginUidFormStyle, noAccountStyle, userAvatarStyle, userBtnStyle, userNameAndUidContainerStyle, userNameStyle, userUidStyle, usingSampleUsersTextStyle } from "./style";
-import { useContext, useState } from "react";
+import { useContext, useEffect, useState } from "react";
 
-import CaptainAmericaAvatar from "../../assets/captainamerica_avatar.png";
 import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { CometChatThemeContext } from "@cometchat/chat-uikit-react";
 import { CometChatUIKit } from "@cometchat/chat-uikit-react"
-import CyclopsAvatar from "../../assets/cyclops_avatar.png";
-import IronManAvatar from "../../assets/ironman_avatar.png";
 import { LoginSignup } from "../LoginSignup";
-import SpidermanAvatar from "../../assets/spiderman_avatar.png";
 import { TextInput } from "../TextInput";
+import { users } from "../../sampleApp/sampledata";
 
 interface ILoginProps {
     loggedInUser : CometChat.User | null | undefined,
@@ -24,28 +21,9 @@ type User = {
     avatar : string
 };
 
-const defaultUsers : User[] = [
-    {
-        name: "Iron Man",
-        uid: "superhero1",
-        avatar: IronManAvatar
-    },
-    {
-        name: "Captain America",
-        uid: "superhero2",
-        avatar: CaptainAmericaAvatar
-    },
-    {
-        name: "Spiderman",
-        uid: "superhero3",
-        avatar: SpidermanAvatar
-    },
-    {
-        name: "Cyclops",
-        uid: "superhero5",
-        avatar: CyclopsAvatar
-    }
-];
+type UserJson = {
+    users : User[]
+}
 
 export function Login(props : ILoginProps) {
     const {
@@ -58,6 +36,20 @@ export function Login(props : ILoginProps) {
     const [errorMessage, setErrorMessage] = useState("");
     const navigate = useNavigate();
     const { theme } = useContext(CometChatThemeContext);
+    const [defaultUsers, setDefaultUsers ] = useState<User[]>([]);
+
+
+    async function fetchDefaultUsers() {
+        try {
+            const response = await fetch("https://assets.cometchat.io/sampleapp/sampledata.json");
+            const data : UserJson = await response.json();
+            setDefaultUsers(data.users);
+        }
+        catch(error) {
+            console.log("fetching default users failed, using fallback data", error);
+            setDefaultUsers(users.users);
+        }
+    }
 
     async function login(uid : string) {
         try {
@@ -67,7 +59,7 @@ export function Login(props : ILoginProps) {
                 console.log("Login successful, loggedInUser:", loggedInUser);
                 setLoggedInUser(loggedInUser);
                 navigate("/home");
-            
+
             })
         }
         catch(error) {
@@ -91,7 +83,7 @@ export function Login(props : ILoginProps) {
             console.log(error);
         }
     }
-    
+
     function getUserBtnWithKeyAdded({ name, uid, avatar } : User) {
         return (
             <button
@@ -99,7 +91,7 @@ export function Login(props : ILoginProps) {
                 onClick = {() => login(uid)}
                 style = {userBtnStyle(theme)}
             >
-                <img 
+                <img
                     src = {avatar}
                     alt = {`${name}'s avatar`}
                     style = {userAvatarStyle()}
@@ -120,7 +112,7 @@ export function Login(props : ILoginProps) {
                 </span>
             </button>
         );
-    } 
+    }
 
     function getErrorMessage() {
         if (!errorMessage) {
@@ -135,6 +127,13 @@ export function Login(props : ILoginProps) {
         );
     }
 
+    useEffect(()=>{
+        fetchDefaultUsers();
+     return () =>{
+        setDefaultUsers([]);
+     }
+    },[])
+
     // if (loggedInUser === undefined) {
     //     return null;
     // }
@@ -169,7 +168,7 @@ export function Login(props : ILoginProps) {
                     onSubmit = {handleLoginWithUidFormSubmit}
                     style = {loginUidFormStyle()}
                 >
-                    <TextInput 
+                    <TextInput
                         labelText = "Or else continue with login using UID"
                         placeholderText = "Enter UID here"
                         value = {uid}
diff --git a/src/metaInfo.ts b/src/metaInfo.ts
index bab4885..c1ef522 100644
--- a/src/metaInfo.ts
+++ b/src/metaInfo.ts
@@ -1,6 +1,6 @@
 export const metaInfo = {
     name: "cometchat-chat-sample-app-react",
-    version: "4.3.7",
+    version: "4.3.8",
     type: "sample",
     platform: "React"
 }
diff --git a/src/sampleApp/sampledata.js b/src/sampleApp/sampledata.js
new file mode 100644
index 0000000..c8d89e0
--- /dev/null
+++ b/src/sampleApp/sampledata.js
@@ -0,0 +1,35 @@
+import CaptainAmericaAvatar from "../assets/captainamerica_avatar.png";
+import CyclopsAvatar from "../assets/cyclops_avatar.png";
+import IronManAvatar from "../assets/ironman_avatar.png";
+import SpidermanAvatar from "../assets/spiderman_avatar.png";
+import WolverineAvatar from "../assets/wolverine_avatar.png";
+
+export const users = {
+    "users":[
+        {
+            "uid": "superhero1",
+            "name": "Iron Man",
+            "avatar": IronManAvatar
+        },
+        {
+            "uid": "superhero2",
+            "name": "Captain America",
+            "avatar": CaptainAmericaAvatar
+        },
+        {
+            "uid": "superhero3",
+            "name": "Spiderman",
+            "avatar": SpidermanAvatar
+        },
+        {
+            "uid": "superhero4",
+            "name": "Wolverine",
+            "avatar": WolverineAvatar
+        },
+        {
+            "uid": "superhero5",
+            "name": "Cyclops",
+            "avatar": CyclopsAvatar
+        }
+    ]
+}
\ No newline at end of file