feat: confirm before resetting

This commit is contained in:
Julien Calixte
2025-01-05 20:22:08 +01:00
parent f1d359003d
commit 0d1d2964ba

View File

@@ -10,6 +10,12 @@ const NUMBER_OF_FEATURES = 20
withDefaults(defineProps<{ withEraser?: boolean }>(), { withEraser: true }) withDefaults(defineProps<{ withEraser?: boolean }>(), { withEraser: true })
const featureStore = useFeatureStore() const featureStore = useFeatureStore()
const confirmReset = () => {
if (confirm('Are you sure you want to reset the board?')) {
featureStore.initBoard('mobile-app', NUMBER_OF_FEATURES)
}
}
</script> </script>
<template> <template>
@@ -32,10 +38,7 @@ const featureStore = useFeatureStore()
<button @click="featureStore.nextDay('problem-solving')" :disabled="featureStore.isProjectFinished"> <button @click="featureStore.nextDay('problem-solving')" :disabled="featureStore.isProjectFinished">
<ProblemSolvingIcon color="white" /> <ProblemSolvingIcon color="white" />
</button> --> </button> -->
<button <button v-if="withEraser" @click="confirmReset">
v-if="withEraser"
@click="featureStore.initBoard('mobile-app', NUMBER_OF_FEATURES)"
>
<EraserIcon color="white" /> <EraserIcon color="white" />
</button> </button>
</div> </div>