Fetch robot profile from coordinator

RoboSats · Sep 8, 2023 · 79d5d9a · 79d5d9a
1 parent 3ab6331
commit 79d5d9a
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 10 deletions.
diff --git a/frontend/src/basic/Main.tsx b/frontend/src/basic/Main.tsx
@@ -1,13 +1,20 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { MemoryRouter, BrowserRouter, Routes, Route } from 'react-router-dom';
 import { Box, Slide, Typography, styled } from '@mui/material';
-import { type UseAppStoreType, AppContext, closeAll, hostUrl } from '../contexts/AppContext';
+import {
+  type UseAppStoreType,
+  AppContext,
+  closeAll,
+  hostUrl,
+  origin,
+} from '../contexts/AppContext';
 
 import { RobotPage, MakerPage, BookPage, OrderPage, SettingsPage, NavBar, MainDialogs } from './';
 import RobotAvatar from '../components/RobotAvatar';
 import Notifications from '../components/Notifications';
 
 import { useTranslation } from 'react-i18next';
+import { getEndpoint } from '../models/Coordinator.model';
 
 const Router = window.NativeRobosats === undefined ? BrowserRouter : MemoryRouter;
 
@@ -35,17 +42,33 @@ const Main: React.FC = () => {
     order,
     page,
     slideDirection,
+    federation,
+    sortedCoordinators,
     setOpen,
     windowSize,
     navbarHeight,
   } = useContext<UseAppStoreType>(AppContext);
 
+  const [avatarBaseUrl, setAvatarBaseUrl] = useState<string>(hostUrl);
+
+  useEffect(() => {
+    const { url, basePath } = getEndpoint({
+      network: settings.network,
+      coordinator: federation[sortedCoordinators[0]],
+      origin,
+      selfHosted: settings.selfhostedClient,
+      hostUrl,
+    });
+    setAvatarBaseUrl(url + basePath);
+    console.log(url + basePath);
+  }, [settings.network, settings.selfhostedClient, federation, sortedCoordinators]);
+
   return (
     <Router>
       <RobotAvatar
         style={{ display: 'none' }}
         nickname={robot.nickname}
-        baseUrl={hostUrl}
+        baseUrl={avatarBaseUrl}
         onLoad={() => {
           setRobot((robot) => {
             return { ...robot, avatarLoaded: true };
@@ -82,7 +105,7 @@ const Main: React.FC = () => {
                     appear={slideDirection.in !== undefined}
                   >
                     <div>
-                      <RobotPage />
+                      <RobotPage avatarBaseUrl={avatarBaseUrl} />
                     </div>
                   </Slide>
                 }

diff --git a/frontend/src/basic/RobotPage/RobotProfile.tsx b/frontend/src/basic/RobotPage/RobotProfile.tsx
@@ -31,6 +31,7 @@ interface RobotProfileProps {
   logoutRobot: () => void;
   setInputToken: (state: string) => void;
   width: number;
+  baseUrl: string;
 }
 
 const RobotProfile = ({
@@ -42,6 +43,7 @@ const RobotProfile = ({
   logoutRobot,
   setView,
   width,
+  baseUrl,
 }: RobotProfileProps): JSX.Element => {
   const { currentSlot, garage, setCurrentSlot, windowSize, currentOrder } =
     useContext<UseAppStoreType>(AppContext);

diff --git a/frontend/src/basic/RobotPage/index.tsx b/frontend/src/basic/RobotPage/index.tsx
@@ -19,10 +19,14 @@ import RobotProfile from './RobotProfile';
 import Recovery from './Recovery';
 import { TorIcon } from '../../components/Icons';
 import { genKey } from '../../pgp';
-import { AppContext, hostUrl, type UseAppStoreType } from '../../contexts/AppContext';
+import { AppContext, type UseAppStoreType } from '../../contexts/AppContext';
 import { validateTokenEntropy } from '../../utils';
 
-const RobotPage = (): JSX.Element => {
+interface RobotPageProps {
+  avatarBaseUrl: string;
+}
+
+const RobotPage = ({ avatarBaseUrl }: RobotPageProps): JSX.Element => {
   const { robot, setRobot, fetchFederationRobot, torStatus, windowSize, settings } =
     useContext<UseAppStoreType>(AppContext);
   const { t } = useTranslation();
@@ -156,7 +160,7 @@ const RobotPage = (): JSX.Element => {
             inputToken={inputToken}
             setInputToken={setInputToken}
             getGenerateRobot={getGenerateRobot}
-            baseUrl={hostUrl}
+            avatarBaseUrl={avatarBaseUrl}
           />
         ) : null}
 
@@ -170,7 +174,7 @@ const RobotPage = (): JSX.Element => {
             inputToken={inputToken}
             setInputToken={setInputToken}
             getGenerateRobot={getGenerateRobot}
-            baseUrl={hostUrl}
+            avatarBaseUrl={avatarBaseUrl}
           />
         ) : null}
 
@@ -183,7 +187,6 @@ const RobotPage = (): JSX.Element => {
             inputToken={inputToken}
             setInputToken={setInputToken}
             getGenerateRobot={getGenerateRobot}
-            baseUrl={hostUrl}
           />
         ) : null}
       </Paper>

diff --git a/frontend/src/components/RobotAvatar/index.tsx b/frontend/src/components/RobotAvatar/index.tsx
@@ -71,6 +71,7 @@ const RobotAvatar: React.FC<Props> = ({
       setNicknameReady(false);
       setActiveBackground(true);
     }
+    console.log(avatarSrc);
   }, [nickname]);
 
   const statusBadge = (

diff --git a/frontend/src/contexts/AppContext.ts b/frontend/src/contexts/AppContext.ts
@@ -356,7 +356,7 @@ export const useAppStore = (): UseAppStoreType => {
     return sortedCoordinators;
   }, []);
 
-  const [focusedCoordinator, setFocusedCoordinator] = useState<string>('');
+  const [focusedCoordinator, setFocusedCoordinator] = useState<string>(sortedCoordinators[0]);
   const [fav, setFav] = useState<Favorites>({ type: null, currency: 0, mode: 'fiat' });
 
   const [delay, setDelay] = useState<number>(60000);