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> </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> <p>
<h3>Delete API Key?</h3> Are you sure you want to clear the stored API key? You'll need to
<p> enter it again to use the tournament tools.
Are you sure you want to clear the stored API key? You'll need to </p>
enter it again to use the tournament tools. <template #footer>
</p> <button @click="showDeleteConfirm = false" class="btn btn-secondary">
<div class="modal-buttons"> Cancel
<button @click="showDeleteConfirm = false" class="btn btn-secondary"> </button>
Cancel <button @click="handleDeleteKey" class="btn btn-danger">
</button> Delete
<button @click="handleDeleteKey" class="btn btn-danger"> </button>
Delete </template>
</button> </BaseModal>
</div>
</div>
</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>