refacto: All possible icons migrated

Libertai · Aug 1, 2024 · 45d664f · 45d664f
1 parent f987eea
commit 45d664f
Show file tree

Hide file tree

Showing 35 changed files with 95 additions and 123 deletions.
diff --git a/public/icons.svg b/public/icons.svg
diff --git a/public/icons/svg/attachment.svg → public/icons/attachment.svg b/public/icons/svg/attachment.svg → public/icons/attachment.svg
diff --git a/public/icons/svg/avatar.svg → public/icons/avatar.svg b/public/icons/svg/avatar.svg → public/icons/avatar.svg
diff --git a/public/icons/svg/chevron-down.svg → public/icons/chevron-down.svg b/public/icons/svg/chevron-down.svg → public/icons/chevron-down.svg
diff --git a/public/icons/svg/chevron-down_lighten.svg → public/icons/chevron-down_lighten.svg b/public/icons/svg/chevron-down_lighten.svg → public/icons/chevron-down_lighten.svg
diff --git a/public/icons/svg/edit.svg → public/icons/edit.svg b/public/icons/svg/edit.svg → public/icons/edit.svg
diff --git a/public/icons/svg/libertai.svg → public/icons/libertai.svg b/public/icons/svg/libertai.svg → public/icons/libertai.svg
diff --git a/public/icons/svg/libertai_full.svg → public/icons/libertai_full.svg b/public/icons/svg/libertai_full.svg → public/icons/libertai_full.svg
diff --git a/public/icons/svg/libertai_full_lighten.svg → public/icons/libertai_full_lighten.svg b/public/icons/svg/libertai_full_lighten.svg → public/icons/libertai_full_lighten.svg
diff --git a/public/icons/svg/powered-by.svg → public/icons/powered-by.svg b/public/icons/svg/powered-by.svg → public/icons/powered-by.svg
diff --git a/public/icons/svg/powered-by_lighten.svg → public/icons/powered-by_lighten.svg b/public/icons/svg/powered-by_lighten.svg → public/icons/powered-by_lighten.svg
diff --git a/public/icons/send.svg b/public/icons/send.svg
diff --git a/public/icons/svg/add.svg b/public/icons/svg/add.svg
diff --git a/public/icons/svg/chevron-right.svg b/public/icons/svg/chevron-right.svg
diff --git a/public/icons/svg/close.svg b/public/icons/svg/close.svg
diff --git a/public/icons/svg/close_lighten.svg b/public/icons/svg/close_lighten.svg
diff --git a/public/icons/svg/duplicate.svg b/public/icons/svg/duplicate.svg
diff --git a/public/icons/svg/import.svg b/public/icons/svg/import.svg
diff --git a/public/icons/svg/star.svg b/public/icons/svg/star.svg
diff --git a/public/icons/svg/star_lighten.svg b/public/icons/svg/star_lighten.svg
diff --git a/public/icons/svg/wallet.svg b/public/icons/svg/wallet.svg
diff --git a/src/assets/star.svg b/src/assets/star.svg
diff --git a/src/assets/wallet.svg b/src/assets/wallet.svg
diff --git a/src/components/AccountButton.vue b/src/components/AccountButton.vue
@@ -9,16 +9,14 @@
       unelevated
       @click="connect({ connector: config.connectors[0] })"
     >
-      <q-icon class="text-dark" left size="xs">
-        <img alt="wallet" src="~assets/wallet.svg" />
-      </q-icon>
+      <ltai-icon dark-color="white" left light-color="white" name="svguse:icons.svg#wallet" size="xs" />
       Connect Wallet
     </q-btn>
     <q-btn-dropdown
       v-else
       :label="`${account.address.value?.slice(0, 4)}...${account.address.value?.slice(-2)}`"
       class="border-primary-highlight gt-sm"
-      icon="img:icons/svg/avatar.svg"
+      icon="img:icons/avatar.svg"
       no-caps
       rounded
       text-color="primary"
@@ -51,6 +49,7 @@ import { useAccount, useConnect, useDisconnect } from '@wagmi/vue';
 import { watchAccount } from '@wagmi/vue/actions';
 import { config } from 'src/config/wagmi';
 import { watchEffect } from 'vue';
+import LtaiIcon from 'components/libertai/LtaiIcon.vue';
 
 const accountStore = useAccountStore();
 

diff --git a/src/components/AlephAvatar.vue b/src/components/AlephAvatar.vue
@@ -63,7 +63,7 @@ const emit = defineEmits(['editAvatar']);
   top: 0;
   bottom: 0;
   width: 100%;
-  background: url('/icons/svg/edit.svg') center no-repeat;
+  background: url('/icons/edit.svg') center no-repeat;
   background-size: 25px;
 }
 

diff --git a/src/components/MessageInput.vue b/src/components/MessageInput.vue
@@ -32,7 +32,7 @@
           color="white"
           dense
           flat
-          icon="img:icons/svg/attachment.svg"
+          icon="img:icons/attachment.svg"
           round
           @click="($refs.messageAttachmentsUpload as any).click()"
         >
@@ -41,7 +41,9 @@
       </template>
       <template #append>
         <!--<q-btn round dense flat icon="img:icons/mic.svg" @click="sendMessage" color="" class="" />-->
-        <q-btn dense flat icon="img:icons/send.svg" round @click="sendMessage" />
+        <q-btn dense flat round @click="sendMessage">
+          <ltai-icon dark-color="purple-700" light-color="purple-700" name="svguse:icons.svg#send" />
+        </q-btn>
       </template>
 
       <template v-if="hint !== ''" #hint>
@@ -65,6 +67,7 @@ import { ref } from 'vue';
 import { processAttachment } from 'src/utils/knowledge/attachments';
 import { MessageAttachment, SendMessageParams } from 'src/types/chats';
 import { useQuasar } from 'quasar';
+import LtaiIcon from 'components/libertai/LtaiIcon.vue';
 
 const props = defineProps({
   isLoading: {