From 947be4f93c981f65d701c035687119b5e0bea61e Mon Sep 17 00:00:00 2001
From: Marina Fedyantceva <marina.fedyantzeva@singularitynet.io>
Date: Wed, 20 Nov 2024 14:14:10 +0300
Subject: [PATCH 1/5] [SPT-738] added get status for model

---
 src/Redux/reducers/ServiceTrainingReducer.js  | 15 +++++-
 .../ExistingModel/ModelDetails/index.js       | 51 +++++++++++++------
 .../ExistingModel/ModelDetails/styles.js      |  6 ++-
 3 files changed, 53 insertions(+), 19 deletions(-)

diff --git a/src/Redux/reducers/ServiceTrainingReducer.js b/src/Redux/reducers/ServiceTrainingReducer.js
index aec78934..26e39be8 100644
--- a/src/Redux/reducers/ServiceTrainingReducer.js
+++ b/src/Redux/reducers/ServiceTrainingReducer.js
@@ -1,5 +1,13 @@
 import { serviceTrainingActions } from "../actionCreators";
 
+export const modelStatus = {
+  IN_PROGRESS: "IN_PROGRESS",
+  COMPLETED: "COMPLETED",
+  CREATED: "CREATED",
+  ERRORED: "ERRORED",
+  DELETED: "DELETED",
+};
+
 const currentModellInitialState = {
   modelId: "",
   methodName: "",
@@ -15,7 +23,7 @@ const currentModellInitialState = {
 
 const trainingModelInitialState = {
   currentModel: currentModellInitialState,
-  modelsList: [],
+  modelsList: undefined,
 };
 
 const serviceTrainingReducer = (state = trainingModelInitialState, action) => {
@@ -23,12 +31,15 @@ const serviceTrainingReducer = (state = trainingModelInitialState, action) => {
     case serviceTrainingActions.SET_MODEL_DETAILS: {
       return { ...state, currentModel: action.payload };
     }
-    case serviceTrainingActions.CLEAN_MODEL_DETAILS: {
+    case serviceTrainingActions.RESET_MODEL_DETAILS: {
       return { ...state, currentModel: currentModellInitialState };
     }
     case serviceTrainingActions.SET_MODELS_LIST: {
       return { ...state, modelsList: action.payload };
     }
+    case serviceTrainingActions.RESET_MODEL_LIST: {
+      return { ...state, modelsList: trainingModelInitialState.modelsList };
+    }
     default: {
       return state;
     }
diff --git a/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js b/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
index eb43bba0..a1dea6a5 100644
--- a/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
+++ b/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 
 import { withStyles } from "@mui/styles";
 import { useStyles } from "./styles";
@@ -7,27 +7,25 @@ import { useStyles } from "./styles";
 import Button from "@mui/material/Button";
 // import EditIcon from "@mui/icons-material/Edit";
 import DeleteIcon from "@mui/icons-material/Delete";
-import NearMeOutlinedIcon from "@mui/icons-material/NearMeOutlined";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import Modal from "@mui/material/Modal";
 import StyledButton from "../../../common/StyledButton";
-import { setCurrentModelDetails, deleteModel } from "../../../../Redux/actionCreators/ServiceTrainingActions";
+import {
+  setCurrentModelDetails,
+  deleteModel,
+  getTrainingModelStatus,
+  setModelsList,
+} from "../../../../Redux/actionCreators/ServiceTrainingActions";
 import { useLocation, useNavigate, useParams } from "react-router-dom";
-
-export const modelStatus = {
-  IN_PROGRESS: "IN_PROGRESS",
-  COMPLETED: "COMPLETED",
-  CREATED: "CREATED",
-  ERRORED: "ERRORED",
-  DELETED: "DELETED",
-};
+import { modelStatus } from "../../../../Redux/reducers/ServiceTrainingReducer";
 
 const ModelDetails = ({ classes, openEditModel, model, address }) => {
   const dispatch = useDispatch();
   const navigate = useNavigate();
   const location = useLocation();
 
+  const { modelsList } = useSelector((state) => state.serviceTrainingReducer);
   const { orgId, serviceId } = useParams();
 
   const [open, setOpen] = useState(false);
@@ -51,6 +49,27 @@ const ModelDetails = ({ classes, openEditModel, model, address }) => {
     navigate(location.pathname.split("tab/")[0] + "tab/" + 0); //TODO
   };
 
+  const handleGetModelStatus = async () => {
+    const getModelStatusParams = {
+      organizationId: orgId,
+      serviceId,
+      modelId: model.modelId,
+      name: model.serviceName,
+      method: model.methodName,
+      address,
+    };
+
+    const newModelStatus = await dispatch(getTrainingModelStatus(getModelStatusParams));
+    const updatedModelList = modelsList.map((modelBeforeUpdating) => {
+      let modelForUpdating = modelBeforeUpdating;
+      if (modelForUpdating.modelId === model.modelId) {
+        modelForUpdating.status = newModelStatus;
+      }
+      return modelForUpdating;
+    });
+    await dispatch(setModelsList(updatedModelList));
+  };
+
   return (
     <>
       <div className={classes.modelDetailsContainer}>
@@ -80,11 +99,11 @@ const ModelDetails = ({ classes, openEditModel, model, address }) => {
           </div>
         </div>
         <div className={classes.actionButtons}>
-          <Button className={classes.inferenceBtn} onClick={handleSetModel} disabled={!isInferenceAvailable}>
-            <NearMeOutlinedIcon />
-            <span>Inference</span>
-          </Button>
-          <div>
+          <div className={classes.actionButtonsGroup}>
+            <StyledButton btnText="Inference" disabled={!isInferenceAvailable} onClick={handleSetModel} />
+            <StyledButton type="transparentBlueBorder" btnText="Get status" onClick={handleGetModelStatus} />
+          </div>
+          <div className={classes.actionButtonsGroup}>
             {/* <Button className={classes.updateBtn} onClick={handleEditModel}>
               <EditIcon />
               <span>Edit</span>
diff --git a/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js b/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
index a52fd3ce..5787cbc8 100644
--- a/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
+++ b/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
@@ -1,4 +1,4 @@
-import { modelStatus } from "./index";
+import { modelStatus } from "../../../../Redux/reducers/ServiceTrainingReducer";
 
 export const useStyles = (theme) => ({
   modelDetailsContainer: {
@@ -86,6 +86,10 @@ export const useStyles = (theme) => ({
       textTransform: "capitalize",
     },
   },
+  actionButtonsGroup: {
+    display: "flex",
+    gap: 20,
+  },
   updateBtn: { color: theme.palette.text.darkShadedGray },
   inferenceBtn: {
     background: theme.palette.text.primary,

From a8e91f847ec67b428c5db335e7b96ec61063c78f Mon Sep 17 00:00:00 2001
From: Marina Fedyantceva <marina.fedyantzeva@singularitynet.io>
Date: Wed, 20 Nov 2024 14:16:19 +0300
Subject: [PATCH 2/5] =?UTF-8?q?[SPT-738]=20added=20get=20model=D1=8B=20fro?=
 =?UTF-8?q?m=20service=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Purchase/ActiveSession/index.js           | 29 ++++++++++++++++++-
 .../Purchase/ActiveSession/styles.js          |  5 ++++
 .../ServiceDemo/ThirdPartyAIService.js        | 15 ++++++----
 3 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/index.js b/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/index.js
index 6b70977b..b9dbf79e 100644
--- a/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/index.js
+++ b/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/index.js
@@ -6,8 +6,20 @@ import AlertBox from "../../../../../common/AlertBox";
 import StyledButton from "../../../../../common/StyledButton";
 import StyledLinearProgress from "../../../../../common/StyledLinearProgress";
 import { useStyles } from "./styles";
+import { getIsTrainingAvailable } from "../../../../../../Redux/actionCreators/ServiceDetailsActions";
+import { useDispatch, useSelector } from "react-redux";
+import { getTrainingModels } from "../../../../../../Redux/actionCreators/ServiceTrainingActions";
+import { currentServiceDetails } from "../../../../../../Redux/reducers/ServiceDetailsReducer";
+import { isUndefined } from "lodash";
+import { updateMetamaskWallet } from "../../../../../../Redux/actionCreators/UserActions";
 
 const ActiveSession = ({ classes, freeCallsRemaining, handleComplete, freeCallsAllowed, isServiceAvailable }) => {
+  const dispatch = useDispatch();
+  const { detailsTraining } = useSelector((state) => state.serviceDetailsReducer);
+  const { org_id, service_id } = useSelector((state) => currentServiceDetails(state));
+  const { modelsList } = useSelector((state) => state.serviceTrainingReducer);
+  const isLoggedIn = useSelector((state) => state.userReducer.login.isLoggedIn);
+
   const [showTooltip, setShowTooltip] = useState(false);
 
   const progressValue = () => (freeCallsRemaining / freeCallsAllowed) * 100;
@@ -22,6 +34,13 @@ const ActiveSession = ({ classes, freeCallsRemaining, handleComplete, freeCallsA
     setShowTooltip(false);
   };
 
+  const isTrainingAvailable = getIsTrainingAvailable(detailsTraining, isLoggedIn);
+
+  const handleRequestModels = async () => {
+    const address = await dispatch(updateMetamaskWallet());
+    await dispatch(getTrainingModels(org_id, service_id, address));
+  };
+
   return (
     <div className={classes.activeSessionContainer}>
       <AlertBox
@@ -42,8 +61,16 @@ const ActiveSession = ({ classes, freeCallsRemaining, handleComplete, freeCallsA
         onClose={handleTooltipClose}
         classes={{ tooltip: classes.tooltip }}
       >
-        <div>
+        <div className={classes.activeSectionButtons}>
           <StyledButton type="blue" btnText="run for free" onClick={handleComplete} disabled={!isServiceAvailable} />
+          {isTrainingAvailable && isUndefined(modelsList) && (
+            <StyledButton
+              type="transparent"
+              btnText="request my models"
+              onClick={handleRequestModels}
+              disabled={!isServiceAvailable}
+            />
+          )}
         </div>
       </Tooltip>
     </div>
diff --git a/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/styles.js b/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/styles.js
index 69a3087e..80ab6bb8 100644
--- a/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/styles.js
+++ b/src/components/ServiceDetails/AboutService/ServiceDemo/Purchase/ActiveSession/styles.js
@@ -29,4 +29,9 @@ export const useStyles = (theme) => ({
   tooltip: {
     fontSize: 14,
   },
+  activeSectionButtons: {
+    display: "flex",
+    gap: 20,
+    justifyContent: "center",
+  },
 });
diff --git a/src/components/ServiceDetails/AboutService/ServiceDemo/ThirdPartyAIService.js b/src/components/ServiceDetails/AboutService/ServiceDemo/ThirdPartyAIService.js
index de7b3ddc..23563e39 100644
--- a/src/components/ServiceDetails/AboutService/ServiceDemo/ThirdPartyAIService.js
+++ b/src/components/ServiceDetails/AboutService/ServiceDemo/ThirdPartyAIService.js
@@ -10,6 +10,7 @@ import { createServiceClient, callTypes } from "../../../../utility/sdk";
 import ThirdPartyServiceErrorBoundary from "./ThirdPartyServiceErrorBoundary";
 import { channelInfo } from "../../../../Redux/reducers/UserReducer";
 import { isEmpty } from "lodash";
+import { modelStatus } from "../../../../Redux/reducers/ServiceTrainingReducer";
 
 class ThirdPartyAIService extends Component {
   state = {
@@ -60,12 +61,14 @@ class ThirdPartyAIService extends Component {
     if (isEmpty(modelsList)) {
       return [];
     }
-    return modelsList.map((model) => {
-      return {
-        value: model.modelId,
-        label: model.modelName,
-      };
-    });
+    return modelsList
+      .filter((model) => model.status === modelStatus.COMPLETED)
+      .map((model) => {
+        return {
+          value: model.modelId,
+          label: model.modelName,
+        };
+      });
   }
 
   render() {

From 81ba53619f08853af9e7f9b8d552fc9fe63eceae Mon Sep 17 00:00:00 2001
From: Marina Fedyantceva <marina.fedyantzeva@singularitynet.io>
Date: Wed, 20 Nov 2024 14:17:37 +0300
Subject: [PATCH 3/5] [SPT-737] fixed add dataset link and updating model list
 for otherr services

---
 .../actionCreators/ServiceDetailsActions.js   |  3 ++
 .../actionCreators/ServiceTrainingActions.js  | 27 ++++++-----
 .../CreateModel/ModelInfo/index.js            | 47 ++++++++++---------
 .../ServiceDetails/TrainingModels/index.js    |  4 +-
 4 files changed, 43 insertions(+), 38 deletions(-)

diff --git a/src/Redux/actionCreators/ServiceDetailsActions.js b/src/Redux/actionCreators/ServiceDetailsActions.js
index a2142867..747fe01f 100644
--- a/src/Redux/actionCreators/ServiceDetailsActions.js
+++ b/src/Redux/actionCreators/ServiceDetailsActions.js
@@ -4,6 +4,7 @@ import { fetchAuthenticatedUser } from "./UserActions";
 import { loaderActions } from "./";
 import { LoaderContent } from "../../utility/constants/LoaderContent";
 import { isEmpty } from "lodash";
+import { resetCurrentModelDetails, resetModelList } from "./ServiceTrainingActions";
 
 export const UPDATE_SERVICE_DETAILS = "UPDATE_SERVICE_DETAILS";
 export const RESET_SERVICE_DETAILS = "RESET_SERVICE_DETAILS";
@@ -37,6 +38,8 @@ export const fetchServiceDetails = (orgId, serviceId) => async (dispatch) => {
   try {
     dispatch(loaderActions.startAppLoader(LoaderContent.FETCH_SERVICE_DETAILS));
     dispatch(resetServiceDetails);
+    dispatch(resetCurrentModelDetails());
+    dispatch(resetModelList());
     const serviceDetails = await fetchServiceDetailsAPI(orgId, serviceId);
     dispatch(fetchServiceDetailsSuccess(serviceDetails));
   } catch (error) {
diff --git a/src/Redux/actionCreators/ServiceTrainingActions.js b/src/Redux/actionCreators/ServiceTrainingActions.js
index 58cc02fd..1bc8082c 100644
--- a/src/Redux/actionCreators/ServiceTrainingActions.js
+++ b/src/Redux/actionCreators/ServiceTrainingActions.js
@@ -5,7 +5,8 @@ import { getServiceClient } from "./SDKActions";
 
 export const SET_MODEL_DETAILS = "SET_MODEL_DETAILS";
 export const SET_MODELS_LIST = "SET_MODELS_LIST";
-export const CLEAN_MODEL_DETAILS = "CLEAN_MODEL_DETAILS";
+export const RESET_MODEL_DETAILS = "RESET_MODEL_DETAILS";
+export const RESET_MODEL_LIST = "RESET_MODEL_LIST";
 
 export const setCurrentModelDetails = (currentModelDetails) => (dispatch) => {
   dispatch({ type: SET_MODEL_DETAILS, payload: currentModelDetails });
@@ -15,13 +16,15 @@ export const setModelsList = (modelsList) => (dispatch) => {
   dispatch({ type: SET_MODELS_LIST, payload: modelsList });
 };
 
-export const cleanCurrentModelDetails = () => (dispatch) => {
-  dispatch({ type: CLEAN_MODEL_DETAILS });
+export const resetCurrentModelDetails = () => (dispatch) => {
+  dispatch({ type: RESET_MODEL_DETAILS });
 };
 
-export const createModel = (organizationId, serviceId, address, newModelParams) => async (dispatch) => {
-  console.log("createModel", organizationId, serviceId, address, newModelParams);
+export const resetModelList = () => (dispatch) => {
+  dispatch({ type: RESET_MODEL_LIST });
+};
 
+export const createModel = (organizationId, serviceId, address, newModelParams) => async (dispatch) => {
   try {
     dispatch(startAppLoader(LoaderContent.CREATE_TRAINING_MODEL));
     const serviceName = getServiceNameFromTrainingMethod(newModelParams?.trainingMethod);
@@ -31,6 +34,7 @@ export const createModel = (organizationId, serviceId, address, newModelParams)
       serviceName,
       description: newModelParams?.trainingModelDescription,
       publicAccess: !newModelParams?.isRestrictAccessModel,
+      dataLink: newModelParams.dataLink,
       address: newModelParams?.isRestrictAccessModel ? newModelParams?.accessAddresses : [],
     };
 
@@ -89,7 +93,7 @@ export const deleteModel =
       const serviceClient = await dispatch(getServiceClient(organizationId, serviceId));
       await serviceClient.deleteModel(params);
       await dispatch(getTrainingModels(organizationId, serviceId, address));
-      dispatch(cleanCurrentModelDetails());
+      dispatch(resetCurrentModelDetails());
     } catch (error) {
       // TODO
     } finally {
@@ -113,8 +117,6 @@ const getServiceNameFromTrainingMethod = (trainingMethod) => {
 export const getTrainingModelStatus =
   ({ organizationId, serviceId, modelId, name, method, address }) =>
   async (dispatch) => {
-    console.log("getTrainingModels: ", organizationId, serviceId, modelId, method, name, address);
-
     try {
       dispatch(startAppLoader(LoaderContent.FETCH_TRAINING_EXISTING_MODEL));
       const serviceClient = await dispatch(getServiceClient(organizationId, serviceId));
@@ -124,9 +126,8 @@ export const getTrainingModelStatus =
         name,
         address,
       };
-      const existingModelStatus = await serviceClient.getModelStatus(params);
-      console.log("existingModelStatus: ", existingModelStatus);
-      return existingModelStatus;
+      const numberModelStatus = await serviceClient.getModelStatus(params);
+      return modelStatus[numberModelStatus];
     } catch (err) {
       // TODO
     } finally {
@@ -159,8 +160,8 @@ export const getTrainingModels = (organizationId, serviceId, address) => async (
           address,
         };
 
-        const numberModelStatus = await dispatch(getTrainingModelStatus(getModelStatusParams));
-        return { ...model, status: modelStatus[numberModelStatus] };
+        const modelStatus = await dispatch(getTrainingModelStatus(getModelStatusParams));
+        return { ...model, status: modelStatus };
       })
     );
 
diff --git a/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/index.js b/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/index.js
index 13289d8c..e5de5a53 100644
--- a/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/index.js
+++ b/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/index.js
@@ -8,9 +8,8 @@ import StyledTextField from "../../../../common/StyledTextField";
 import StyledButton from "../../../../common/StyledButton";
 
 import { loaderActions, userActions } from "../../../../../Redux/actionCreators";
-import { createModel, deleteModel, updateModel } from "../../../../../Redux/actionCreators/ServiceTrainingActions";
+import { createModel, deleteModel } from "../../../../../Redux/actionCreators/ServiceTrainingActions";
 import { LoaderContent } from "../../../../../utility/constants/LoaderContent";
-// import { walletTypes } from "../../../../../Redux/actionCreators/UserActions";
 import { currentServiceDetails } from "../../../../../Redux/reducers/ServiceDetailsReducer";
 import AlertBox, { alertTypes } from "../../../../common/AlertBox";
 
@@ -39,25 +38,25 @@ const ModelInfo = ({ classes, cancelEditModel }) => {
   const [trainingDataLink, setTrainingDataLink] = useState(currentModel ? currentModel.dataLink : "");
   const [alert, setAlert] = useState({});
 
-  const onUpdate = async () => {
-    const updateModelParams = {
-      trainingModelName,
-      trainingModelDescription,
-      accessAddresses,
-      isRestrictAccessModel,
-      dataLink: trainingDataLink,
-    };
-
-    try {
-      const address = await dispatch(userActions.updateMetamaskWallet());
-      await dispatch(updateModel(org_id, service_id, address, updateModelParams));
-      cancelEditModel();
-    } catch (error) {
-      setAlert({ type: alertTypes.ERROR, message: "Unable to update model. Please try again" });
-    } finally {
-      dispatch(loaderActions.stopAppLoader());
-    }
-  };
+  // const onUpdate = async () => {
+  //   const updateModelParams = {
+  //     trainingModelName,
+  //     trainingModelDescription,
+  //     accessAddresses,
+  //     isRestrictAccessModel,
+  //     dataLink: trainingDataLink,
+  //   };
+
+  //   try {
+  //     const address = await dispatch(userActions.updateMetamaskWallet());
+  //     await dispatch(updateModel(org_id, service_id, address, updateModelParams));
+  //     cancelEditModel();
+  //   } catch (error) {
+  //     setAlert({ type: alertTypes.ERROR, message: "Unable to update model. Please try again" });
+  //   } finally {
+  //     dispatch(loaderActions.stopAppLoader());
+  //   }
+  // };
 
   const onDelete = async () => {
     const address = await dispatch(userActions.updateMetamaskWallet());
@@ -77,6 +76,7 @@ const ModelInfo = ({ classes, cancelEditModel }) => {
         trainingModelDescription,
         accessAddresses,
         isRestrictAccessModel,
+        dataLink: trainingDataLink,
       };
       await dispatch(createModel(org_id, service_id, address, newModelParams));
       dispatch(loaderActions.stopAppLoader());
@@ -115,15 +115,16 @@ const ModelInfo = ({ classes, cancelEditModel }) => {
     setTrainingModelDescription(event.target.value);
   };
 
+  const isCreatingAvailable = trainingMethod && trainingModelName && trainingModelDescription && trainingDataLink;
   const CreateModelButtonGroup = () => {
-    return <StyledButton btnText="Create" onClick={onNext} />;
+    return <StyledButton btnText="Create" onClick={onNext} disabled={!isCreatingAvailable} />;
   };
 
   const UpdateModelButtonGroup = () => {
     return (
       <div className={classes.btnContainer}>
         <StyledButton btnText="Delete" type="redBg" onClick={onDelete} />
-        <StyledButton btnText="Update" type="blue" onClick={onUpdate} />
+        {/* <StyledButton btnText="Update" type="blue" onClick={onUpdate} /> */}
       </div>
     );
   };
diff --git a/src/components/ServiceDetails/TrainingModels/index.js b/src/components/ServiceDetails/TrainingModels/index.js
index e558a18a..e2a03829 100644
--- a/src/components/ServiceDetails/TrainingModels/index.js
+++ b/src/components/ServiceDetails/TrainingModels/index.js
@@ -12,7 +12,7 @@ import { useStyles } from "./styles";
 import ExistingModel from "../ExistingModel";
 import ProjectDetails from "../ProjectDetails";
 import { useDispatch } from "react-redux";
-import { cleanCurrentModelDetails } from "../../../Redux/actionCreators/ServiceTrainingActions";
+import { resetCurrentModelDetails } from "../../../Redux/actionCreators/ServiceTrainingActions";
 
 const TrainingModels = ({ classes, service }) => {
   const [showCreateModel, setShowCreateModel] = useState(false);
@@ -31,7 +31,7 @@ const TrainingModels = ({ classes, service }) => {
   };
 
   const createNewModel = () => {
-    dispatch(cleanCurrentModelDetails());
+    dispatch(resetCurrentModelDetails());
     openEditModelSection();
   };
 

From fe58725bc52ffdd7149cad298ff0a11a6196a543 Mon Sep 17 00:00:00 2001
From: Marina Fedyantceva <marina.fedyantzeva@singularitynet.io>
Date: Wed, 20 Nov 2024 14:18:30 +0300
Subject: [PATCH 4/5] [SPT-738] updated get models button view

---
 .../ServiceDetails/ExistingModel/index.js       | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/ServiceDetails/ExistingModel/index.js b/src/components/ServiceDetails/ExistingModel/index.js
index 58b54f83..497b136f 100644
--- a/src/components/ServiceDetails/ExistingModel/index.js
+++ b/src/components/ServiceDetails/ExistingModel/index.js
@@ -1,17 +1,16 @@
 import React, { Fragment, useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { withStyles } from "@mui/styles";
-import ModelDetails from "./ModelDetails";
 import { useStyles } from "./styles";
-import ConnectMetamask from "../ConnectMetamask";
+import ModelDetails from "./ModelDetails";
 import { loaderActions, userActions } from "../../../Redux/actionCreators";
 import { LoaderContent } from "../../../utility/constants/LoaderContent";
 import { currentServiceDetails } from "../../../Redux/reducers/ServiceDetailsReducer";
-import Typography from "@mui/material/Typography";
 import AlertBox, { alertTypes } from "../../common/AlertBox";
 import Card from "../../common/Card";
 import { getTrainingModels } from "../../../Redux/actionCreators/ServiceTrainingActions";
-import { isEmpty } from "lodash";
+import { isUndefined } from "lodash";
+import StyledButton from "../../common/StyledButton";
 
 const ExistingModel = ({ classes, openEditModel }) => {
   const { org_id, service_id } = useSelector((state) => currentServiceDetails(state));
@@ -19,7 +18,6 @@ const ExistingModel = ({ classes, openEditModel }) => {
   const { address } = useSelector((state) => state.userReducer.wallet);
 
   const [existingModels, setExistingModels] = useState(modelsList);
-  const [metamaskConnected, setMetamaskConnected] = useState(!isEmpty(address));
   const [alert, setAlert] = useState({});
   const dispatch = useDispatch();
 
@@ -33,7 +31,6 @@ const ExistingModel = ({ classes, openEditModel }) => {
       dispatch(loaderActions.startAppLoader(LoaderContent.CONNECT_METAMASK));
       const address = await dispatch(userActions.updateMetamaskWallet());
       await dispatch(getTrainingModels(org_id, service_id, address));
-      setMetamaskConnected(true);
     } catch (error) {
       setAlert({ type: alertTypes.ERROR, message: "Unable to fetch existing models. Please try again" });
       dispatch(loaderActions.stopAppLoader());
@@ -41,10 +38,10 @@ const ExistingModel = ({ classes, openEditModel }) => {
   };
 
   const ModelList = () => {
-    if (!existingModels.length) {
+    if (!existingModels?.length) {
       return (
         <div className={classes.noDataFoundTxt}>
-          <Typography>No data found</Typography>
+          <h2>No data found</h2>
         </div>
       );
     }
@@ -62,11 +59,11 @@ const ExistingModel = ({ classes, openEditModel }) => {
     <Card
       header="Existing Model"
       children={
-        metamaskConnected ? (
+        !isUndefined(modelsList) ? (
           <ModelList />
         ) : (
           <Fragment>
-            <ConnectMetamask handleConnectMM={handleConnectMM} />
+            <StyledButton btnText="Get models" onClick={handleConnectMM} />
             <AlertBox type={alert.type} message={alert.message} />
           </Fragment>
         )

From ad5de4a8db7491170bcf6d1d751a625a4d39a5ce Mon Sep 17 00:00:00 2001
From: Marina Fedyantceva <marina.fedyantzeva@singularitynet.io>
Date: Wed, 20 Nov 2024 14:19:31 +0300
Subject: [PATCH 5/5] [SPT-738] updated for the addresses access list

---
 .../CreateModel/ModelInfo/AccessModel/index.js              | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/AccessModel/index.js b/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/AccessModel/index.js
index 5b363434..1c210ce5 100644
--- a/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/AccessModel/index.js
+++ b/src/components/ServiceDetails/TrainingModels/CreateModel/ModelInfo/AccessModel/index.js
@@ -22,7 +22,7 @@ const AccessModel = ({ classes, accessAddresses, setAccessAddresses }) => {
 
   return (
     <div className={classes.accessModelContainer}>
-      <h3>Add a list of address that can access this model</h3>
+      <h3>Add a list of address that can access this model (Optional)</h3>
       <div className={classes.ethAddressContainer}>
         {accessAddresses.map((address, index) => (
           <div key={index.toString()} className={classes.addedEthAdd}>
@@ -32,6 +32,10 @@ const AccessModel = ({ classes, accessAddresses, setAccessAddresses }) => {
             </div>
           </div>
         ))}
+        <p>
+          Please add a new address that will have access to use, update and delete your model! You do not need to enter
+          your address
+        </p>
         <AddMoreEthAddress addEthAddress={addEthAddress} />
       </div>
     </div>