Consistently show loading state on compliance flow button

This commit is contained in:
Eli Ribble 2026-04-29 22:27:08 +00:00
parent 89eca2ddf9
commit 9229725300
No known key found for this signature in database
7 changed files with 71 additions and 23 deletions

View file

@ -150,9 +150,13 @@
<RouterLink class="btn btn-outline-secondary" :to="toBack()">
Back
</RouterLink>
<button class="btn btn-primary flex-grow-1" @click="doContinue">
Continue
</button>
<ButtonLoading
class="flex-grow-1"
@click="doContinue"
icon="bi-caret-right-fill"
:loading="isUploading"
text="Continue"
/>
</div>
</main>
</div>
@ -160,12 +164,13 @@
<script setup lang="ts">
import { ref } from "vue";
import ButtonLoading from "@/components/common/ButtonLoading.vue";
import { router } from "@/rmo/route/config";
import type { District, PublicReportCompliance } from "@/type/api";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ImageUpload, { Image } from "@/components/ImageUpload.vue";
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";
import { useRoutes } from "@/rmo/route/use";
import type { District, PublicReportCompliance } from "@/type/api";
interface Emits {
(e: "update:modelValue", value: PublicReportCompliance): void;
@ -173,6 +178,7 @@ interface Emits {
}
interface Props {
district: District;
isUploading: boolean;
modelValue: PublicReportCompliance;
publicID: string;
}