From 8de24aa187e9316c9cf9a1f431f08e4ae629842e Mon Sep 17 00:00:00 2001
From: Justin <328965+justinbarry@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:09:02 -0700
Subject: [PATCH] Update casing of "XION" across multiple components (#137)

All instances of "Xion" have been updated to "XION" to maintain consistency in branding across the dashboard. This includes updates in alt text for logos, account info, and chain name for both metadata and constants.
---
 .changeset/stale-apes-talk.md                             | 6 ++++++
 apps/abstraxion-dashboard/app/layout.tsx                  | 4 ++--
 apps/abstraxion-dashboard/components/Abstraxion/index.tsx | 5 ++---
 apps/abstraxion-dashboard/components/AccountInfo.tsx      | 4 ++--
 apps/abstraxion-dashboard/components/Sidebar.tsx          | 4 ++--
 packages/constants/src/index.ts                           | 6 +++---
 6 files changed, 17 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/stale-apes-talk.md

diff --git a/.changeset/stale-apes-talk.md b/.changeset/stale-apes-talk.md
new file mode 100644
index 00000000..542f1d12
--- /dev/null
+++ b/.changeset/stale-apes-talk.md
@@ -0,0 +1,6 @@
+---
+"abstraxion-dashboard": patch
+"@burnt-labs/constants": patch
+---
+
+Update casing of "XION" from across multiple components
diff --git a/apps/abstraxion-dashboard/app/layout.tsx b/apps/abstraxion-dashboard/app/layout.tsx
index 77212632..fb8c8a2d 100644
--- a/apps/abstraxion-dashboard/app/layout.tsx
+++ b/apps/abstraxion-dashboard/app/layout.tsx
@@ -32,8 +32,8 @@ const akkuratLL = localFont({
 });
 
 export const metadata: Metadata = {
-  title: "Xion Account Dashboard",
-  description: "A dashboard for managing Xion accounts.",
+  title: "XION Account Dashboard",
+  description: "A dashboard for managing XION accounts.",
 };
 
 export default function RootLayout({
diff --git a/apps/abstraxion-dashboard/components/Abstraxion/index.tsx b/apps/abstraxion-dashboard/components/Abstraxion/index.tsx
index 1d109fdd..d22ae3f3 100644
--- a/apps/abstraxion-dashboard/components/Abstraxion/index.tsx
+++ b/apps/abstraxion-dashboard/components/Abstraxion/index.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useRef } from "react";
+import { useContext, useEffect } from "react";
 import { GrazProvider } from "graz";
 import { StytchProvider } from "@stytch/nextjs";
 import { ApolloProvider } from "@apollo/client";
@@ -16,7 +16,6 @@ import { ErrorDisplay } from "@/components/ErrorDisplay";
 import { useSearchParams } from "next/navigation";
 import { AbstraxionGrant } from "../AbstraxionGrant";
 import Image from "next/image";
-import { testnetChainInfo } from "@burnt-labs/constants";
 
 export interface ModalProps {
   onClose: VoidFunction;
@@ -116,7 +115,7 @@ export const Abstraxion = ({ isOpen, onClose }: ModalProps) => {
               <a href="https://xion.burnt.com/">
                 <Image
                   src="/logo.png"
-                  alt="Xion Logo"
+                  alt="XION Logo"
                   width="108"
                   height="48"
                 />
diff --git a/apps/abstraxion-dashboard/components/AccountInfo.tsx b/apps/abstraxion-dashboard/components/AccountInfo.tsx
index a2d7c5b2..311a5e45 100644
--- a/apps/abstraxion-dashboard/components/AccountInfo.tsx
+++ b/apps/abstraxion-dashboard/components/AccountInfo.tsx
@@ -3,7 +3,7 @@ import { CopyIcon, ScanIcon } from "./Icons";
 import { truncateAddress } from "@/utils";
 
 export const AccountInfo = ({ account }: { account?: AbstraxionAccount }) => {
-  const copyXionAddress = () => {
+  const copyXIONAddress = () => {
     if (account?.id) {
       navigator.clipboard.writeText(account?.id);
     }
@@ -34,7 +34,7 @@ export const AccountInfo = ({ account }: { account?: AbstraxionAccount }) => {
         XION Address
       </h3>
       <div
-        onClick={copyXionAddress}
+        onClick={copyXIONAddress}
         className="ui-flex ui-cursor-pointer ui-items-center ui-justify-between ui-mb-10 ui-px-4 ui-w-full ui-h-16 ui-bg-black ui-rounded-lg"
       >
         <p className="ui-text-white ui-text-base ui-font-normal ui-font-akkuratLL ui-leading-normal">
diff --git a/apps/abstraxion-dashboard/components/Sidebar.tsx b/apps/abstraxion-dashboard/components/Sidebar.tsx
index 2b699b81..530a8b7b 100644
--- a/apps/abstraxion-dashboard/components/Sidebar.tsx
+++ b/apps/abstraxion-dashboard/components/Sidebar.tsx
@@ -5,7 +5,7 @@ import { usePathname } from "next/navigation";
 import Image from "next/image";
 import { useContext } from "react";
 import { AbstraxionContext, AbstraxionContextProps } from "./AbstraxionContext";
-import { ChevronDownIcon, WalletIcon } from "./Icons";
+import { WalletIcon } from "./Icons";
 
 const NAV_OPTIONS = [{ text: "home", path: "/" }];
 
@@ -56,7 +56,7 @@ export function Sidebar() {
   return (
     <div className="ui-h-screen ui-bg-primary ui-border-[#6C6A6A] ui-border-r-[1px] ui-text-white ui-flex ui-flex-col ui-w-64">
       <div className="ui-flex ui-items-center ui-justify-between ui-px-8 ui-pt-8">
-        <Image src="/logo.png" alt="Xion Logo" width="90" height="32" />
+        <Image src="/logo.png" alt="XION Logo" width="90" height="32" />
         <div
           className={`ui-flex ${
             isMainnet ? "ui-bg-mainnet-bg" : "ui-bg-testnet-bg"
diff --git a/packages/constants/src/index.ts b/packages/constants/src/index.ts
index cee414c9..bf4dc4f9 100644
--- a/packages/constants/src/index.ts
+++ b/packages/constants/src/index.ts
@@ -55,7 +55,7 @@ const commonInfo: ChainInfo = {
   rpc: "undefined",
   rest: "undefined",
   chainId: "base",
-  chainName: "Xion Testnet",
+  chainName: "XION Testnet",
   bip44: {
     coinType: 118,
   },
@@ -78,7 +78,7 @@ export const testnetChainInfo: ChainInfo = {
   rpc: "https://testnet-rpc.xion-api.com:443",
   rest: "https://testnet-api.xion-api.com:443",
   chainId: "xion-testnet-1",
-  chainName: "Xion Testnet",
+  chainName: "XION Testnet",
 };
 
 export const testChainInfo: ChainInfo = {
@@ -86,5 +86,5 @@ export const testChainInfo: ChainInfo = {
   rpc: "http://localhost:26657",
   rest: "http://localhost:26656",
   chainId: "xion-local-testnet-1",
-  chainName: "Xion Testnet Local",
+  chainName: "XION Testnet Local",
 };