init develop

.env.example

@@ -1,5 +1,5 @@
-REACT_APP_SITE_TITLE=OraiDEX
-REACT_APP_SITE_DESC="OraiDEX is an IBC and CosmWasm-based decentralized exchange platform with multichain interoperability, optimal speed, and a lot of liquidity options for users."
+REACT_APP_SITE_TITLE=Homebase
+REACT_APP_SITE_DESC="Homebase"
 
 REACT_APP_BASE_API_URL=https://api.oraidex.io
 

CONTRIBUTING.md

@@ -1,12 +1,12 @@
 # Contributing
 
-When contributing to this repository, please first discuss the change you wish to make via Github issue. 
+When contributing to this repository, please first discuss the change you wish to make via Github issue.
 
 Please note we have a code of conduct, please follow it in all your interactions with the project.
 
 ## Preparing PR changes
 
-1. [Fork the repository](https://github.com/oraichain/oraiswap-frontend).
+1. [Fork the repository](https://github.com/oraichain/homebase).
 2. [Add an upstream](https://docs.github.com/en/github/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) so that you can update your fork.
 3. Clone your fork to your computer.
 4. Create a branch and name it appropriately.
@@ -17,16 +17,16 @@ Please note we have a code of conduct, please follow it in all your interactions
 
 ## Pull Request Process
 
-1. Ensure any install or build dependencies are removed before the end of the layer when doing a 
+1. Ensure any install or build dependencies are removed before the end of the layer when doing a
    build.
 2. Your commits need to have verified GPG signatures before getting merged. For more information about GPG keys, [please visit here](https://docs.github.com/en/authentication/managing-commit-signature-verification/generating-a-new-gpg-key)
-3. Update the README.md with details of changes to the interface, this includes new environment 
+3. Update the README.md with details of changes to the interface, this includes new environment
    variables, exposed ports, useful file locations and container parameters.
 4. Increase the version numbers in any examples files and the README.md to the new version that this
    Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
-5. You may merge the Pull Request in once you have the sign-off of one other developer, or if you 
+5. You may merge the Pull Request in once you have the sign-off of one other developer, or if you
    do not have permission to do that, you may request the reviewer to merge it for you.
-   
+
 ## Code of Conduct
 
 ### Our Pledge
@@ -43,21 +43,21 @@ orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
-advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
+- The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
   address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ### Our Responsibilities
@@ -84,7 +84,7 @@ further defined and clarified by project maintainers.
 ### Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at ```[email protected]``` . All
+reported by contacting the project team at `[email protected]` . All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.
@@ -100,4 +100,4 @@ This Code of Conduct is adapted from the [Contributor Covenant][homepage], versi
 available at [http://contributor-covenant.org/version/1/4][version]
 
 [homepage]: http://contributor-covenant.org
-[version]: http://contributor-covenant.org/version/1/4/
+[version]: http://contributor-covenant.org/version/1/4/

README.md

@@ -1,10 +1,10 @@
 <h2 align="center">
-  Oraidex's Frontend
+  Homebase's Frontend
 </h2>
 
 ## Overview
 
-This repository provides frontend code for Oraidex of [Oraichain](https://orai.io).
+This repository provides frontend code for Homebase of [Oraichain](https://orai.io).
 
 ## Prerequisite
 

config-overrides.js

@@ -99,7 +99,7 @@ module.exports = {
       config.plugins.push(
         sentryWebpackPlugin({
           org: 'oraichain',
-          project: 'oraidex',
+          project: 'homebase',
           authToken: process.env.SENTRY_AUTH_TOKEN
         })
       );

src/components/Button/Button.module.scss

@@ -8,11 +8,13 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  gap: 4px;
 
   .icon {
     margin-right: 5px;
     width: 20px;
     height: 20px;
+    color: $text-btn-surface-default;
   }
 
   &:disabled {
@@ -50,6 +52,15 @@
   }
 }
 
+.primary-surface {
+  background-color: $primary-surface-btn;
+  font-weight: 400;
+  color: $text-btn-surface-default;
+  border: 1px;
+  padding: 4px 16px;
+  border-radius: 8px;
+}
+
 .secondary-sm {
   border: 1px solid;
   padding: 8px 16px;

src/components/Button/Button.tsx

@@ -8,6 +8,7 @@ type ButtonType =
   | 'primary'
   | 'secondary'
   | 'primary-sm'
+  | 'primary-surface'
   | 'secondary-sm'
   | 'disable-sm'
   | 'third'

src/components/WalletManagement/WalletManagement.module.scss

@@ -1,10 +1,9 @@
 @import 'src/styles/mixins';
 
 .connect-wallet-container {
-    @include theme() {
-        button {
-            padding: 10px;
-        }
+  @include theme() {
+    button {
+      padding: 14px;
     }
-
-}
+  }
+}

src/components/WalletManagement/WalletManagement.tsx

@@ -16,6 +16,7 @@ import { MyWallet } from './MyWallet';
 import { MyWalletMobile } from './MyWalletMobile';
 import styles from './WalletManagement.module.scss';
 import { WalletProvider, walletProvider } from './walletConfig';
+import { ReactComponent as WalletIcon } from 'assets/icons/wallet-v3.svg';
 const cx = cn.bind(styles);
 
 export const WalletManagement: FC<{}> = () => {
@@ -118,10 +119,11 @@ export const WalletManagement: FC<{}> = () => {
     <div className={cx('connect-wallet-container', theme)}>
       {!isAnyWalletConnected && !mobileMode ? (
         <Button
-          type="primary"
+          type="primary-surface"
           onClick={() => {
             setIsShowChooseWallet(true);
           }}
+          icon={<WalletIcon />}
         >
           Connect Wallet
         </Button>