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

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

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