update ui and dependencies

CHANGELOG.md

@@ -1,3 +1,7 @@
+### [9.8.1](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.8.1) (2024-07-06)
+- update dependencies
+- adjust UI
+
 ### [9.8.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.8.0) (2024-06-20)
 - update useElven - added MultiversX 'apps hub' support (experimental, report problems)
 

app/layout.tsx

@@ -1,13 +1,14 @@
 import { ThemeProvider } from '@/components/theme-provider';
 import './globals.css';
 import packageJson from '@/package.json';
-import { Github } from 'lucide-react';
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import { ModeToggle } from '@/components/mode-toggle';
 import { ElvenInit } from '@/components/elven-ui/elven-init';
 import { LoginModalButton } from '@/components/elven-ui/login-modal-button';
 import Link from 'next/link';
+import GitHubIcon from '/public/github.svg';
+import Image from 'next/image';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -62,7 +63,12 @@ export default function RootLayout({
                     href="https://github.com/xdevguild/nextjs-dapp-template"
                     target="_blank"
                   >
-                    <Github size={30} />
+                    <Image
+                      src={GitHubIcon}
+                      width={20}
+                      height={20}
+                      alt="xDevGuild GitHub"
+                    />
                   </a>
                 </div>
                 {/* TODO: implement docs page */}

components/elven-ui/ledger-accounts-list.tsx

@@ -1,6 +1,6 @@
 import { FC, useCallback, useState, useEffect, useRef } from 'react';
 import { useRouter } from 'next/navigation';
-import { LoginMethodsEnum, useLoginInfo } from '@useelven/core';
+import { LoginMethodsEnum } from '@useelven/core';
 import { Button } from '@/components/ui/button';
 import { shortenHash } from '@/lib/shorten-hash';
 import { errorParse } from '@/lib/error-parse';
@@ -29,8 +29,6 @@ export const LedgerAccountsList: FC<LedgerAccountsListProps> = ({
   const [error, setError] = useState<string>();
   const [chosenAddress, setAddress] = useState<string>();
 
-  const { loginToken } = useLoginInfo();
-
   const router = useRouter();
 
   const getAccounts = async (page: number) =>
@@ -151,12 +149,6 @@ export const LedgerAccountsList: FC<LedgerAccountsListProps> = ({
         <div className="mt-3 break-words text-center">
           <div className="font-bold">Address:</div> {chosenAddress}
         </div>
-        {loginToken && (
-          <div className="mt-3">
-            <div className="font-bold text-center">Login token:</div>
-            <div className="break-words text-center">{loginToken}</div>
-          </div>
-        )}
       </div>
     );
   }

next.config.js

@@ -10,11 +10,6 @@ const nextConfig = {
   eslint: {
     dirs: ['components', 'hooks', 'lib', 'app'],
   },
-  experimental: {
-    turbo: {
-      externals: externals,
-    },
-  },
 };
 
 module.exports = nextConfig;