hack-a-chain-software · 1Mateus · Jan 16, 2024 · Jan 6, 2024 · Jan 12, 2024 · Jan 12, 2024
diff --git a/front/README.md b/front/README.md
@@ -28,15 +28,11 @@ Here's a brief overview of the structure:
 
 ```bash
 .
-├── apps              # Nuxt Layer
-│   └── app           # App Page
-│   └── landing       # Landing Page
 ├── components        # Global Components
-├── content           # Nuxt Content
+├── pages           # Nuxt Content
 ├── layouts           # Layouts
 ├── plugins           # Plugins
 ├── stores            # Stores
-├── ui                # UI Component Library
 ├── app.config.ts     # Application Config
 ```
 

diff --git a/front/chains/kadena/adapters/xwallet.ts b/front/chains/kadena/adapters/xwallet.ts
@@ -13,7 +13,7 @@ import { defineStore } from 'pinia'
 const metadata = {
   name: 'Ecko Wallet',
   id: 'provider:kadena:x-wallet',
-  icon: '/ecko.png',
+  icon: '/images/wallets/ecko.png',
   disabled: false
 }
 
@@ -23,7 +23,7 @@ export const provider = defineStore({
   state: (): any => ({
     account: null,
     callback: undefined,
-    icon: '/ecko.png'
+    icon: '/images/wallets/ecko.png'
   }),
 
   getters: {

diff --git a/front/components/Auth/steps/Connect.vue b/front/components/Auth/steps/Connect.vue
@@ -35,7 +35,7 @@ const emits = defineEmits(['changeStep'])
     <div class="lg:hidden">
       <figure class="flex justify-center items-center">
         <img
-          src="/auth-bg.png"
+          src="/images/auth/hero.webp"
           alt="Hero illustration"
           quality="100"
           class="min-w-[608px] max-w-[608px]"
@@ -66,7 +66,7 @@ const emits = defineEmits(['changeStep'])
         "
       >
         <img
-          src="/auth-bg.png"
+          src="/images/auth/hero.webp"
           alt="Hero illustration"
           quality="100"
           class="

diff --git a/front/components/Faucet/steps/Connect.vue b/front/components/Faucet/steps/Connect.vue
@@ -112,7 +112,7 @@ const config = useRuntimeConfig()
       </button>
     </div>
 
-    <SelectWallet
+    <UISelectWallet
       label="Connect Wallet"
       @connected="handle(token)"
     />

diff --git a/front/components/Faucet/steps/Token.vue b/front/components/Faucet/steps/Token.vue
@@ -50,7 +50,7 @@ const pay = async () => {
       :modelValue="100"
     />
 
-    <SelectToken
+    <UISelectToken
       :token="data.token"
       @selected="data.token = $event"
     />

diff --git a/front/components/Home/Button/Receive.vue b/front/components/Home/Button/Receive.vue
@@ -14,7 +14,7 @@ const data = reactive({
       @click.prevent="data.show = true"
     />
 
-    <ModalTokenType
+    <UIModalTokenType
       title="Receive"
       :show="data.show"
       @close="data.show = false"

diff --git a/front/components/Home/Button/Send.vue b/front/components/Home/Button/Send.vue
@@ -14,7 +14,7 @@ const data = reactive({
       @click.prevent="data.show = true"
     />
 
-    <ModalTokenType
+    <UIModalTokenType
       title="Send"
       baseRoute="send"
       :show="data.show"

diff --git a/front/components/Home/Widget/History.vue b/front/components/Home/Widget/History.vue
@@ -77,7 +77,7 @@ const router = useRouter()
           <div>
             <img
               class="w-[120px]"
-              src="/empty-receipts.png"
+              src="/images/empty/receipts.png"
             />
           </div>
 

diff --git a/front/components/Home/Widget/Tokens.vue b/front/components/Home/Widget/Tokens.vue
@@ -186,7 +186,7 @@ const balance = computed(() => {
         >
           <div>
             <img
-              src="/empty-tokens.png"
+              src="/images/empty/tokens.png"
               class="w-[218px]"
             />
           </div>
@@ -230,7 +230,7 @@ const balance = computed(() => {
         >
           <div>
             <img
-              src="/empty-tokens.png"
+              src="/images/empty/tokens.png"
               class="w-[218px]"
             />
           </div>

diff --git a/front/components/Invoice/NFT/steps/Connect.vue b/front/components/Invoice/NFT/steps/Connect.vue
@@ -26,7 +26,7 @@ const emit = defineEmits(['changeStep'])
       </span>
     </div>
 
-    <SelectWallet
+    <UISelectWallet
       @connected="emit('changeStep', 'payment')"
     />
   </UICardBody>

diff --git a/front/components/Invoice/NFT/steps/Payment.vue b/front/components/Invoice/NFT/steps/Payment.vue
@@ -33,7 +33,7 @@ const { provider } = useExtensions()
       title="Confirm deposit information"
     />
 
-    <SelectNFT
+    <UISelectNFT
       :disabled="!provider"
       :token="selectedToken"
       @selected="selectedToken = $event"

diff --git a/front/components/Invoice/NFT/steps/Success.vue b/front/components/Invoice/NFT/steps/Success.vue
@@ -7,7 +7,7 @@ const router = useRouter()
     <div
       class="mx-auto"
     >
-      <img src="/success.png" class="w-[100px]" />
+      <img src="/images/feedback/success.png" class="w-[100px]" />
     </div>
 
     <div class="mx-auto flex flex-col gap-3">

diff --git a/front/components/Invoice/Token/steps/Connect.vue b/front/components/Invoice/Token/steps/Connect.vue
@@ -26,7 +26,7 @@ const emit = defineEmits(['changeStep'])
       </span>
     </div>
 
-    <SelectWallet
+    <UISelectWallet
       @connected="emit('changeStep', 'payment')"
     />
   </UICardBody>

diff --git a/front/components/Invoice/Token/steps/Payment.vue b/front/components/Invoice/Token/steps/Payment.vue
@@ -70,7 +70,7 @@ watch(
       v-model="amount"
     />
 
-    <SelectToken
+    <UISelectToken
       :token="selectedToken"
       @selected="selectedToken = $event"
     />

diff --git a/front/components/Invoice/Token/steps/Success.vue b/front/components/Invoice/Token/steps/Success.vue
@@ -7,7 +7,7 @@ const router = useRouter()
     <div
       class="mx-auto"
     >
-      <img src="/success.png" class="w-[100px]" />
+      <img src="/images/feedback/success.png" class="w-[100px]" />
     </div>
 
     <div class="mx-auto flex flex-col gap-3">

diff --git a/front/components/LP/site-collapsible/Collapsible.vue b/front/components/LP/site-collapsible/Collapsible.vue