@instadapp/avocado-base 0.0.0-dev.6b57a8a → 0.0.0-dev.6b5e615

package/assets/images/icons/change-threshold.svg

@@ -1,4 +1,4 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.80469 9.3209H6.74805L8.48912 5.65137L10.9863 13.5476L13.3078 9.3209H15.2511" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.80469 9.3209H6.74805L8.48912 5.65137L10.9863 13.5476L13.3078 9.3209H15.2511" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/assets/images/icons/dapp.svg

@@ -1,4 +1,4 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M5.86776 7.56373C8.14869 5.47876 11.8513 5.47876 14.1322 7.56373L14.4068 7.81658C14.522 7.92021 14.522 8.09016 14.4068 8.19378L13.4679 9.05181C13.4103 9.1057 13.3173 9.1057 13.2597 9.05181L12.8833 8.70777C11.2888 7.25285 8.71117 7.25285 7.11674 8.70777L6.7137 9.07668C6.65612 9.13057 6.56311 9.13057 6.50554 9.07668L5.56659 8.21865C5.45144 8.11503 5.45144 7.94508 5.56659 7.84145L5.86776 7.56373ZM16.0766 9.33782L16.9136 10.1005C17.0288 10.2041 17.0288 10.3741 16.9136 10.4777L13.1446 13.9223C13.0294 14.0259 12.8434 14.0259 12.7327 13.9223L10.0576 11.4767C10.031 11.4518 9.98229 11.4518 9.95571 11.4767L7.28061 13.9223C7.16545 14.0259 6.97944 14.0259 6.86871 13.9223L3.08637 10.4777C2.97121 10.3741 2.97121 10.2041 3.08637 10.1005L3.92344 9.33782C4.0386 9.2342 4.22461 9.2342 4.33534 9.33782L7.01044 11.7834C7.03701 11.8083 7.08573 11.8083 7.11231 11.7834L9.78741 9.33782C9.90256 9.2342 10.0886 9.2342 10.1993 9.33782L12.8744 11.7834C12.901 11.8083 12.9497 11.8083 12.9763 11.7834L15.6514 9.33782C15.7754 9.2342 15.9614 9.2342 16.0766 9.33782Z" fill="#94A3B8"/>
+    <path d="M5.86776 7.56373C8.14869 5.47876 11.8513 5.47876 14.1322 7.56373L14.4068 7.81658C14.522 7.92021 14.522 8.09016 14.4068 8.19378L13.4679 9.05181C13.4103 9.1057 13.3173 9.1057 13.2597 9.05181L12.8833 8.70777C11.2888 7.25285 8.71117 7.25285 7.11674 8.70777L6.7137 9.07668C6.65612 9.13057 6.56311 9.13057 6.50554 9.07668L5.56659 8.21865C5.45144 8.11503 5.45144 7.94508 5.56659 7.84145L5.86776 7.56373ZM16.0766 9.33782L16.9136 10.1005C17.0288 10.2041 17.0288 10.3741 16.9136 10.4777L13.1446 13.9223C13.0294 14.0259 12.8434 14.0259 12.7327 13.9223L10.0576 11.4767C10.031 11.4518 9.98229 11.4518 9.95571 11.4767L7.28061 13.9223C7.16545 14.0259 6.97944 14.0259 6.86871 13.9223L3.08637 10.4777C2.97121 10.3741 2.97121 10.2041 3.08637 10.1005L3.92344 9.33782C4.0386 9.2342 4.22461 9.2342 4.33534 9.33782L7.01044 11.7834C7.03701 11.8083 7.08573 11.8083 7.11231 11.7834L9.78741 9.33782C9.90256 9.2342 10.0886 9.2342 10.1993 9.33782L12.8744 11.7834C12.901 11.8083 12.9497 11.8083 12.9763 11.7834L15.6514 9.33782C15.7754 9.2342 15.9614 9.2342 16.0766 9.33782Z" fill="currentColor"/>
 </svg>

package/assets/images/icons/deploy.svg

@@ -1,8 +1,8 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_13865_495124)">
-        <path d="M3.58203 5.3335V8.8335H7.08203" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M5.0462 11.7499C5.42443 12.8235 6.14131 13.745 7.08883 14.3757C8.03635 15.0064 9.16318 15.3121 10.2995 15.2467C11.4359 15.1813 12.5202 14.7484 13.3891 14.0131C14.258 13.2779 14.8644 12.2802 15.117 11.1703C15.3696 10.0604 15.2546 8.89857 14.7894 7.85974C14.3242 6.8209 13.534 5.96139 12.5379 5.41071C11.5417 4.86002 10.3936 4.648 9.26643 4.80658C8.13929 4.96516 7.09423 5.48576 6.2887 6.28993L3.58203 8.83326" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M3.58203 5.3335V8.8335H7.08203" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M5.0462 11.7499C5.42443 12.8235 6.14131 13.745 7.08883 14.3757C8.03635 15.0064 9.16318 15.3121 10.2995 15.2467C11.4359 15.1813 12.5202 14.7484 13.3891 14.0131C14.258 13.2779 14.8644 12.2802 15.117 11.1703C15.3696 10.0604 15.2546 8.89857 14.7894 7.85974C14.3242 6.8209 13.534 5.96139 12.5379 5.41071C11.5417 4.86002 10.3936 4.648 9.26643 4.80658C8.13929 4.96516 7.09423 5.48576 6.2887 6.28993L3.58203 8.83326" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
     </g>
     <defs>
         <clipPath id="clip0_13865_495124">

package/assets/images/icons/plus-circle.svg

@@ -1,6 +1,6 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 7.375V12.625" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M7.375 10H12.625" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <rect x="3.75" y="3.75" width="12.5" height="12.5" rx="6.25" stroke="#4CA054" stroke-width="1.5"/>
+    <path d="M10 7.375V12.625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.375 10H12.625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <rect x="3.75" y="3.75" width="12.5" height="12.5" rx="6.25" stroke="currentColor" stroke-width="1.5"/>
 </svg>

package/assets/images/icons/reject-proposal.svg

@@ -1,6 +1,6 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.8555 8.14404L8.14316 11.8564" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M8.14453 8.14404L11.8568 11.8564" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <rect x="3.75" y="3.75" width="12.5" height="12.5" rx="6.25" stroke="#EB5757" stroke-width="1.5"/>
+    <path d="M11.8555 8.14404L8.14316 11.8564" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.14453 8.14404L11.8568 11.8564" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <rect x="3.75" y="3.75" width="12.5" height="12.5" rx="6.25" stroke="currentColor" stroke-width="1.5"/>
 </svg>

package/assets/images/icons/transfer.svg

@@ -1,5 +1,5 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.66797 13.3332L13.3346 6.6665" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M6.66797 6.6665H13.3346V13.3332" stroke="#4CA054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.66797 13.3332L13.3346 6.6665" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.66797 6.6665H13.3346V13.3332" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/assets/images/icons/trash-2.svg

@@ -1,8 +1,8 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.64453 7.21045H15.3588" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round"/>
-    <path d="M13.8495 7.21045H6.14754L6.09242 8.20701C5.98681 10.1164 6.07654 12.0315 6.36021 13.9227C6.48391 14.7473 7.19233 15.3574 8.02623 15.3574H11.9708C12.8047 15.3574 13.5131 14.7473 13.6368 13.9227C13.9205 12.0315 14.0102 10.1164 13.9046 8.207L13.8495 7.21045Z" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M7.85938 7.21039V6.7825C7.85938 6.21509 8.08478 5.67091 8.486 5.26969C8.88722 4.86847 9.4314 4.64307 9.99881 4.64307C10.5662 4.64307 11.1104 4.86847 11.5116 5.26969C11.9128 5.67091 12.1382 6.21509 12.1382 6.7825V7.21039" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M8.71484 9.50195V13.0487" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M11.2852 9.50195V13.0487" stroke="#EB5757" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.64453 7.21045H15.3588" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+    <path d="M13.8495 7.21045H6.14754L6.09242 8.20701C5.98681 10.1164 6.07654 12.0315 6.36021 13.9227C6.48391 14.7473 7.19233 15.3574 8.02623 15.3574H11.9708C12.8047 15.3574 13.5131 14.7473 13.6368 13.9227C13.9205 12.0315 14.0102 10.1164 13.9046 8.207L13.8495 7.21045Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.85938 7.21039V6.7825C7.85938 6.21509 8.08478 5.67091 8.486 5.26969C8.88722 4.86847 9.4314 4.64307 9.99881 4.64307C10.5662 4.64307 11.1104 4.86847 11.5116 5.26969C11.9128 5.67091 12.1382 6.21509 12.1382 6.7825V7.21039" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.71484 9.50195V13.0487" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.2852 9.50195V13.0487" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/components/ActionLogo.vue

@@ -1,4 +1,19 @@
 <script setup lang="ts">
+import RefreshSVG from '~/assets/images/icons/refresh.svg'
+import BridgeSVG from '~/assets/images/icons/bridge.svg'
+import CrossTransferSVG from '~/assets/images/icons/cross-transfer.svg'
+import TransferSVG from '~/assets/images/icons/transfer.svg'
+import PlusCircleSVG from '~/assets/images/icons/plus-circle.svg'
+import Trash2SVG from '~/assets/images/icons/trash-2.svg'
+import ChangeThresholdSVG from '~/assets/images/icons/change-threshold.svg'
+import DappSVG from '~/assets/images/icons/dapp.svg'
+import DeploySVG from '~/assets/images/icons/deploy.svg'
+import GasSVG from '~/assets/images/icons/gas.svg'
+import InstadappProSVG from '~/assets/images/icons/instadapp-pro.svg'
+import PermitSignSVG from '~/assets/images/icons/permit-sign.svg'
+import RejectProposalSVG from '~/assets/images/icons/reject-proposal.svg'
+import UpgradeSVG from '~/assets/images/icons/upgrade.svg'
+
 defineProps<{
   action: MetadataTypes
   remove?: boolean
@@ -6,18 +21,18 @@ defineProps<{
 </script>
 
 <template>
-    <SvgoRefresh class="text-primary" v-if="action === 'swap'"/>
-    <SvgoBridge class="text-primary" v-else-if="action === 'bridge'"/>
-    <SvgoCrossTransfer class="text-primary" v-else-if="action === 'cross-transfer'"/>
-    <SvgoTransfer class="text-primary" v-else-if="action === 'transfer'"/>
-    <SvgoPlusCircle v-else-if="action === 'add-signers' || (action === 'auth' && !remove)"/>
-    <SvgoTrash2 v-else-if="action === 'remove-signers' || (action === 'auth' && remove)"/>
-    <SvgoChangeThreshold v-else-if="action === 'change-threshold'"/>
-    <SvgoDapp v-else-if="action === 'dapp'"/>
-    <SvgoDeploy v-else-if="action === 'deploy'"/>
-    <SvgoGas v-else-if="action === 'gas-topup'"/>
-    <SvgoInstadappPro v-else-if="action === 'instadapp-pro'"/>
-    <SvgoPermitSign v-else-if="action === 'permit2'"/>
-    <SvgoRejectProposal v-else-if="action === 'rejection'"/>
-    <SvgoUpgrade v-else-if="action === 'upgrade'"/>
+    <RefreshSVG class="text-primary" v-if="action === 'swap'"/>
+    <BridgeSVG class="text-primary" v-else-if="action === 'bridge'"/>
+    <CrossTransferSVG class="text-primary" v-else-if="action === 'cross-transfer'"/>
+    <TransferSVG class="text-primary" v-else-if="action === 'transfer'"/>
+    <PlusCircleSVG class="text-primary" v-else-if="action === 'add-signers' || (action === 'auth' && !remove)"/>
+    <Trash2SVG class="text-[#EB5757]" v-else-if="action === 'remove-signers' || (action === 'auth' && remove)"/>
+    <RejectProposalSVG class="text-[#EB5757]" v-else-if="action === 'rejection'"/>
+    <ChangeThresholdSVG v-else-if="action === 'change-threshold'"/>
+    <DappSVG v-else-if="action === 'dapp'"/>
+    <DeploySVG v-else-if="action === 'deploy'"/>
+    <GasSVG v-else-if="action === 'gas-topup'"/>
+    <InstadappProSVG v-else-if="action === 'instadapp-pro'"/>
+    <PermitSignSVG v-else-if="action === 'permit2'"/>
+    <UpgradeSVG v-else-if="action === 'upgrade'"/>
 </template>

package/components/ActionMetadata.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-
 const props = defineProps<{
   metadata: {
     type: MetadataTypes
@@ -7,9 +6,11 @@ const props = defineProps<{
   };
   chain_id: number | string;
   compact?: boolean;
+  tokens?: ITokenPrice[];
 }>();
 
 provide('compact', props.compact);
+provide('tokens', props.tokens);
 
 </script>
 
@@ -53,9 +54,7 @@ provide('compact', props.compact);
       {{ metadata?.castDetails }}
     </div>
 
-    <div v-if="metadata.type === 'add-signers' || metadata.type === 'remove-signers'" class="text-left w-fit" v-tippy="formatMultipleAddresses(metadata.addresses, false)" >
-      {{ formatMultipleAddresses(metadata.addresses) }}
-    </div>
+    <MetadataSigners v-if="metadata.type === 'add-signers' || metadata.type === 'remove-signers'" :metadata="metadata" :compact="compact" />
 
      <div v-if="metadata.type === 'change-threshold'" class="text-left w-fit" >
      Change Threshold to {{ metadata.count }}
@@ -70,4 +69,4 @@ provide('compact', props.compact);
      {{ shortenHash(metadata.id) }}
     </div>
   </div>
-</template>
+</template>

package/components/AuthorityAvatar.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+defineProps<{
+  address: string
+}>();
+
+const randomId = Math.random().toString(36).substr(2, 9);
+</script>
+
+<template>
+  <svg
+    :style="{
+      color: generateColor(address),
+    }" width="30" height="30" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 30 30"
+  >
+    <g fill="currentColor" :clip-path="`url(#${randomId})`">
+      <rect width="30" height="30" fill-opacity=".4" rx="15" />
+      <ellipse cx="15.004" cy="26.399" rx="11.4" ry="6.6" />
+      <circle cx="15" cy="12.75" r="5.4" />
+    </g>
+    <defs>
+      <clipPath :id="randomId">
+        <rect width="30" height="30" fill="#fff" rx="15" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>