fragginwagon/memory-infrastructure-palace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 Refactor delete confirmation modal to use BaseModal component for improved consistency and reusability

Browse Source
This commit is contained in:
Greg Jacobs
2026-01-28 22:42:06 +00:00
parent ae8832daff
commit b07f1fd61a
1 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
code/websites/pokedex.online/src/views/ApiKeyManager.vue
View File

@@ -131,27 +131,25 @@
</div> </div>
<!-- Delete Confirmation Modal --> <!-- Delete Confirmation Modal -->
<div <BaseModal
v-if="showDeleteConfirm" v-model="showDeleteConfirm"
class="modal-overlay" title="Delete API Key?"
@click="showDeleteConfirm = false" size="small"
:close-on-overlay="true"
> >
<div class="modal" @click.stop>
<h3>Delete API Key?</h3>
<p> <p>
Are you sure you want to clear the stored API key? You'll need to Are you sure you want to clear the stored API key? You'll need to
enter it again to use the tournament tools. enter it again to use the tournament tools.
</p> </p>
<div class="modal-buttons"> <template #footer>
<button @click="showDeleteConfirm = false" class="btn btn-secondary"> <button @click="showDeleteConfirm = false" class="btn btn-secondary">
Cancel Cancel
</button> </button>
<button @click="handleDeleteKey" class="btn btn-danger"> <button @click="handleDeleteKey" class="btn btn-danger">
Delete Delete
</button> </button>
</div> </template>
</div> </BaseModal>
</div>
<!-- Challonge API Key Guide Modal --> <!-- Challonge API Key Guide Modal -->
<ChallongeApiKeyGuide v-if="showGuide" @close="showGuide = false" /> <ChallongeApiKeyGuide v-if="showGuide" @close="showGuide = false" />
</div> </div>