add xAlias support

Author: juliancwirko

CHANGELOG.md

@@ -1,3 +1,8 @@
+### [9.1.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.1.0) (2023-10-28)
+- useelven update - add support for xAlias
+- update Next.js to v14 (required min Node version: 18.7.0)
+- update dependencies
+
 ### [9.0.3](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.0.3) (2023-10-02)
 - update useElven (bug related to guardian address and localstorage entry)
 - update dependencies

README.md

@@ -175,10 +175,10 @@ Compact MultiversX SDK for browsers (no build steps required)
 
 Tools that can help you with interactions:
 
+- [Buildo.dev](https://www.buildo.dev)
 - [Buildo Begins](https://github.com/xdevguild/buildo-begins)
 - [Elven Tools](https://www.elven.tools)
 
 ### Contact
 
 - [julian.io](https://www.julian.io)
-

app/layout.tsx

@@ -104,6 +104,10 @@ export default function RootLayout({
                   {'useElven'}
                 </a>
                 <span className="font-thin mx-2"> | </span>
+                <a href="https://www.buildo.dev" target="_blank">
+                  {'Buildo.dev'}
+                </a>
+                <span className="font-thin mx-2"> | </span>
                 <a
                   href="https://github.com/xdevguild/buildo-begins"
                   target="_blank"

components/elven-ui/login-component.tsx

@@ -70,9 +70,9 @@ export const LoginComponent = memo(() => {
           <Button
             className="w-full select-none h-auto"
             variant="outline"
-            onClick={handleLogin(LoginMethodsEnum.wallet)}
+            onClick={handleLogin(LoginMethodsEnum.walletconnect)}
           >
-            MultiversX Web Wallet
+            xPortal Mobile App
           </Button>
           <Button
             className="w-full select-none h-auto"
@@ -84,9 +84,9 @@ export const LoginComponent = memo(() => {
           <Button
             className="w-full select-none h-auto"
             variant="outline"
-            onClick={handleLogin(LoginMethodsEnum.walletconnect)}
+            onClick={handleLogin(LoginMethodsEnum.wallet)}
           >
-            xPortal Mobile App
+            MultiversX Web Wallet
           </Button>
           <Button
             className="w-full select-none h-auto"
@@ -95,6 +95,13 @@ export const LoginComponent = memo(() => {
           >
             Ledger
           </Button>
+          <Button
+            className="w-full select-none h-auto"
+            variant="outline"
+            onClick={handleLogin(LoginMethodsEnum.xalias)}
+          >
+            xAlias
+          </Button>
         </div>
       )}