montelibero-org · grandmotivator · Aug 18, 2024 · Aug 18, 2024 · Aug 18, 2024 · Aug 18, 2024
diff --git a/README.md b/README.md
@@ -12,11 +12,11 @@ The repository is a part of the [Montelibero Organization](https://github.com/mo
 - [Radix Themes](https://www.radix-ui.com) - An open source component library optimized for fast development, easy maintenance, and accessibility.
 - [Tailwind CSS](https://tailwindcss.com) - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
 - [Axios](https://github.com/axios/axios) - A simple HTTP client for the browser and Node.js.
-- [React icons](https://react-icons.github.io/react-icons) - A library of SVG React icons.
 - [JS Stellar SDK](https://github.com/stellar/js-stellar-sdk) - A JavaScript library for communicating with a Stellar Horizon server and Soroban RPC. It is used for building Stellar apps either on Node.js or in the browser, though it can be used in other environments with some tinkering.
 - [Zustand](https://github.com/pmndrs/zustand) - A state management library for React.
 - [TypeScript](https://www.typescriptlang.org) - A typed superset of JavaScript that compiles to plain JavaScript.
 - [Eslint](https://eslint.org) - A static and automatic code checker for your JavaScript projects.
+- [Font-Awesome](https://fontawesome.com) - A library that provides scalable vector icons.
 
 ## Contributing
 

diff --git a/app/globals.css b/app/globals.css
@@ -1,3 +1,5 @@
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");
+
 .blue-ribbon {
   border-top: 3px solid #08b5e5;
 }

diff --git a/src/pages/Layout/layout.tsx b/src/pages/Layout/layout.tsx
@@ -5,7 +5,6 @@ import { useStore } from "@/features/store";
 import { Footer, Header } from "@/widgets";
 import { useShallow } from "zustand/react/shallow";
 import AddAccountModal from "@/widgets/shared/layouts/Header/ui/AddAccountModal";
-import Script from "next/script";
 import Head from "next/head";
 
 type Props = {
@@ -51,6 +50,7 @@ const PageLayout: FC<Props> = ({ children }) => {
     );
   }, [accounts, net, setIsAuth]);
 
+
   const themeLS: string | undefined | null = isWindowDefined
     ? window.localStorage.getItem("theme")
       ? window.localStorage.getItem("theme")
@@ -65,10 +65,6 @@ const PageLayout: FC<Props> = ({ children }) => {
             name="viewport"
             content="width=device-width, initial-scale=1.0"
           />
-          <meta
-            name="commit-hash"
-            content={process.env.NEXT_PUBLIC_COMMIT_HASH || ""}
-          />
           <title>Stellar Multisig</title>
         </Head>
         <body></body>
@@ -98,10 +94,6 @@ const PageLayout: FC<Props> = ({ children }) => {
           <Footer />
         </main>
         {isOpenAddAccountModal && <AddAccountModal />}
-        <Script
-          src="https://kit.fontawesome.com/b02b92140a.js"
-          crossOrigin="anonymous"
-        />
       </body>
     </html>
   );

diff --git a/src/pages/public/account/account.tsx b/src/pages/public/account/account.tsx
@@ -41,7 +41,7 @@ const Page: FC = () => {
     );
   }
 
-  return <PublicNet id={id} />;
+  return typeof id === "string" && <PublicNet id={id} />;
 };
 
 export default Page;
diff --git a/src/pages/public/account/publicnet.tsx b/src/pages/public/account/publicnet.tsx
@@ -20,7 +20,7 @@ import BalanceItem from "@/pages/public/account/(BalanceItem)";
 import ignoredHomeDomains from "@/shared/configs/ignored-home-domains.json";
 
 interface Props {
-  id: string | undefined | null;
+  id: string;
 }
 
 export const collapseAccount = (accountId: string) => {
@@ -33,15 +33,19 @@ export const collapseAccount = (accountId: string) => {
 };
 
 const PublicNet: FC<Props> = ({ id }) => {
-  const account = id;
-  const { net } = useStore(useShallow((state) => ({ net: state.net })));
+  const account: string = id;
+  const { net }: { net: string } = useStore(
+    useShallow((state) => ({ net: state.net }))
+  );
   const [information, setInformation] = useState<Information>(
     {} as Information
   );
-  const [exists, setExists] = useState(true);
-  const [tabIndex, setTabIndex] = useState(1);
-  const [errorvalid, setErrorvalid] = useState("");
-  const [loading, setLoading] = useState(false);
+  const [exists, setExists] = useState<boolean>(true);
+  const [tabIndex, setTabIndex] = useState<number>(1);
+  const [errorvalid, setErrorvalid] = useState<string>("");
+  const [loading, setLoading] = useState<boolean>(false);
+  const [isVisibleHomeDomainInfo, setIsVisibleHomeDomainInfo] =
+    useState<boolean>(true);
 
   useEffect(() => {
     const checkAccount = async () => {
@@ -136,6 +140,36 @@ const PublicNet: FC<Props> = ({ id }) => {
     handler();
   }, [account]);
 
+  useEffect(() => {
+    if (information.tomlInfo) {
+      const accountsMatch = information.tomlInfo.match(
+        /ACCOUNTS=\[([\s\S]*?)\]/
+      );
+      if (accountsMatch && accountsMatch[1]) {
+        const newAccounts = accountsMatch[1]
+          .split("\n")
+          .map((line) => line.trim())
+          .filter((line) => line && !line.startsWith("#"))
+          .map((line) => line.replace(/^"|"$|,$|"$/g, ""))
+          .map((line) => line.replace(/"$/, ""));
+          /**
+           * Logic to create an array of strings where item is an accountID
+           * that is not fake in the home_domain set by the account
+           */
+        const foundAccount = newAccounts.find((accountId) => accountId === id);
+        if (foundAccount) {
+          setIsVisibleHomeDomainInfo(true);
+        } else {
+          setIsVisibleHomeDomainInfo(false);
+        }
+      } else {
+        setIsVisibleHomeDomainInfo(false);
+      }
+    } else {
+      setIsVisibleHomeDomainInfo(false);
+    }
+  }, [information.tomlInfo, id]);
+
   return (
     <MainLayout>
       <div className="container">
@@ -184,22 +218,23 @@ const PublicNet: FC<Props> = ({ id }) => {
                     <h3>Summary</h3>
                     <hr className="flare"></hr>
                     <dl>
-                      {information?.home_domain == undefined ? (
-                        ""
-                      ) : (
+                      {information?.home_domain !== undefined &&
+                      isVisibleHomeDomainInfo &&
+                      information.home_domain &&
+                      !ignoredHomeDomains.includes(information.home_domain) ? (
                         <>
                           <dt>Home domain:</dt>
                           <dd>
                             <a
                               href={`${
-                                information?.home_domain == undefined
+                                information?.home_domain === undefined
                                   ? "#"
                                   : information?.home_domain
                               }`}
                               rel="noreferrer noopener"
                               target="_blank"
                             >
-                              {information?.home_domain == undefined
+                              {information?.home_domain === undefined
                                 ? "none"
                                 : information?.home_domain}
                             </a>
@@ -233,7 +268,7 @@ const PublicNet: FC<Props> = ({ id }) => {
                             </i>
                           </dd>
                         </>
-                      )}
+                      ) : null}
                       <dt>Account lock status:</dt>
                       <dd>
                         unlocked
@@ -535,7 +570,7 @@ const PublicNet: FC<Props> = ({ id }) => {
                                   );
                                 return (
                                   <li className="word-break" key={key}>
-                                    {processedKey}: {" "}{processedValue}
+                                    {processedKey}: {processedValue}
                                   </li>
                                 );
                               }
@@ -633,9 +668,8 @@ const PublicNet: FC<Props> = ({ id }) => {
               information?.meta_data["ORG_NAME"] !== undefined &&
               ignoredHomeDomains &&
               information?.home_domain &&
-              ignoredHomeDomains.includes(information?.home_domain) ? (
-                ""
-              ) : (
+              !ignoredHomeDomains.includes(information.home_domain) &&
+              isVisibleHomeDomainInfo ? (
                 <div className="toml-props">
                   <div className="tabs space inline-right">
                     <div className="tabs-header">
@@ -646,7 +680,7 @@ const PublicNet: FC<Props> = ({ id }) => {
                             tabIndex === 1 ? "selected" : ""
                           }`}
                           onClick={(e) => {
-                            e.preventDefault(); // Prevent the default anchor tag behavior
+                            e.preventDefault();
                             setTabIndex(1);
                           }}
                         >
@@ -658,7 +692,7 @@ const PublicNet: FC<Props> = ({ id }) => {
                             tabIndex === 2 ? "selected" : ""
                           }`}
                           onClick={(e) => {
-                            e.preventDefault(); // Prevent the default anchor tag behavior
+                            e.preventDefault();
                             setTabIndex(2);
                           }}
                         >
@@ -842,7 +876,7 @@ const PublicNet: FC<Props> = ({ id }) => {
                     </div>
                   </div>
                 </div>
-              )}
+              ) : null}
             </>
           ) : (
             <div className="cotainer">

diff --git a/src/shared/configs/trusted-mtl-assets.json b/src/shared/configs/trusted-mtl-assets.json
@@ -19,11 +19,6 @@
     "issuer": "GACKTN5DAZGWXRWB2WLM6OPBDHAMT6SJNGLJZPQMEZBUR4JUGBX2UK7V",
     "tag": "stablecoin"
   },
-  {
-    "code": "SATSMTL",
-    "issuer": "GACKTN5DAZGWXRWB2WLM6OPBDHAMT6SJNGLJZPQMEZBUR4JUGBX2UK7V",
-    "tag": "stablecoin"
-  },
   {
     "code": "MTL",
     "issuer": "GACKTN5DAZGWXRWB2WLM6OPBDHAMT6SJNGLJZPQMEZBUR4JUGBX2UK7V",

diff --git a/src/widgets/shared/layouts/Header/ui/header.scss b/src/widgets/shared/layouts/Header/ui/header.scss
@@ -70,6 +70,7 @@ header {
     margin-top: 5px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     z-index: 1;
+    width: max-content
 }
 
 .dropdown-menu-light {