fix: Minting NFT - "dancing"

[hassnian]

PR Type

• Bugfix
• Feature
• Refactoring

Context

if you open the signing modal the second time, that section is not fixed starts "dancing"

• Closes Minting NFT - "dancing" #11069

How to reproduce

<template>
  <SigningModal
    :title="'asd'"
    :is-loading="isLoading"
    :status="status"
  />

  <NeoButton @click="open">
    open
  </NeoButton>
</template>

<script lang="ts" setup>
import { NeoButton } from '@kodadot1/brick'
import type { TransactionStatus } from '@/composables/useTransactionStatus'

definePageMeta({
  layout: 'no-footer',
})

const isLoading = ref(false)
const status = ref(TransactionStatus.Unknown)
const opened = ref(false)

const sleep = (ms: number) => {
  return new Promise(resolve => setTimeout(resolve, ms))
}

const open = async () => {
  isLoading.value = true

  status.value = TransactionStatus.Casting
  await sleep(400)

  status.value = TransactionStatus.Broadcast
  await sleep(1000)

  status.value = TransactionStatus.Block
  await sleep(2000)

  if (opened.value) {
    return
  }

  status.value = TransactionStatus.Finalized
  opened.value = true
}
</script>

Screenshot 📸

• My fix has changed something on UI;

❌

CleanShot.2024-10-05.at.11.55.46.mp4

✅

CleanShot.2024-10-05.at.11.53.54.mp4

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	b1f2618
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6703c0817c130c0007ffdf8a
😎 Deploy Preview	https://deploy-preview-11082--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[vikiival]

Suggested change

	const substitle = subtitleRef.value?.clientWidth || 0
	const subtitle = subtitleRef.value?.clientWidth || 0

[vikiival]

Suggested change

	if (substitle && subtitlePlusDots > title) {
	if (subtitle && subtitlePlusDots > title) {

[vikiival]

cc @hassnian there is typo in the subtitle word

[hassnian]

cc @hassnian there is typo in the subtitle word

fixed 0dfd77e

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud