From da6e4be12951555537a5188a1f83bee135246b07 Mon Sep 17 00:00:00 2001
From: davwas <daw.wasik@gmail.com>
Date: Wed, 18 Oct 2023 13:06:11 +0200
Subject: [PATCH] BC-5426 - Add a delete option to the school specific Privacy
 Policy and Terms of Use (#2853)

* add delete action to terms of use and privacy policy modules

* add views and actions to remove terms of use and privacy policy

* add an option to download policy and terms from new admin page
---
 .../administration/SchoolPolicy.unit.ts       |  47 ++++++--
 .../organisms/administration/SchoolPolicy.vue | 112 ++++++++++++++----
 .../SchoolPolicyFormDialog.unit.ts            |   8 +-
 .../administration/SchoolPolicyFormDialog.vue |  43 ++-----
 .../administration/SchoolTerms.unit.ts        |  47 ++++++--
 .../organisms/administration/SchoolTerms.vue  | 110 +++++++++++++----
 .../SchoolTermsFormDialog.unit.ts             |   8 +-
 .../administration/SchoolTermsFormDialog.vue  |  43 ++-----
 src/components/organisms/vCustomDialog.vue    |  11 +-
 src/locales/de.json                           |  13 +-
 src/locales/en.json                           |  11 +-
 src/locales/es.json                           |  11 +-
 src/locales/uk.json                           |   7 ++
 src/store/privacy-policy.ts                   |  18 +++
 src/store/privacy-policy.unit.ts              |  84 ++++++++++++-
 src/store/terms-of-use.ts                     |  18 +++
 src/store/terms-of-use.unit.ts                |  80 ++++++++++++-
 17 files changed, 526 insertions(+), 145 deletions(-)

diff --git a/src/components/organisms/administration/SchoolPolicy.unit.ts b/src/components/organisms/administration/SchoolPolicy.unit.ts
index 077dbf2309..713a85e9fd 100644
--- a/src/components/organisms/administration/SchoolPolicy.unit.ts
+++ b/src/components/organisms/administration/SchoolPolicy.unit.ts
@@ -2,6 +2,7 @@ import SchoolPolicy from "./SchoolPolicy.vue";
 import AuthModule from "@/store/auth";
 import SchoolsModule from "@/store/schools";
 import PrivacyPolicyModule from "@/store/privacy-policy";
+import NotifierModule from "@/store/notifier";
 import { createModuleMocks } from "@/utils/mock-store-module";
 import { shallowMount, Wrapper } from "@vue/test-utils";
 import createComponentMocks from "@@/tests/test-utils/componentMocks";
@@ -10,16 +11,20 @@ import { ConsentVersion } from "@/store/types/consent-version";
 import {
 	AUTH_MODULE_KEY,
 	I18N_KEY,
+	NOTIFIER_MODULE_KEY,
 	PRIVACY_POLICY_MODULE_KEY,
 	SCHOOLS_MODULE_KEY,
 } from "@/utils/inject";
-import Vue from "vue";
 import { i18nMock } from "@@/tests/test-utils";
+import { downloadFile } from "@/utils/fileHelper";
+
+jest.mock("@/utils/fileHelper");
 
 describe("SchoolPolicy", () => {
 	let authModule: jest.Mocked<AuthModule>;
 	let schoolsModule: jest.Mocked<SchoolsModule>;
 	let privacyPolicyModule: jest.Mocked<PrivacyPolicyModule>;
+	let notifierModule: jest.Mocked<NotifierModule>;
 
 	const mockPolicy: ConsentVersion = {
 		_id: "123",
@@ -68,7 +73,9 @@ describe("SchoolPolicy", () => {
 			...getters,
 		});
 
-		const wrapper: Wrapper<Vue> = shallowMount(SchoolPolicy, {
+		notifierModule = createModuleMocks(NotifierModule);
+
+		const wrapper: Wrapper<any> = shallowMount(SchoolPolicy, {
 			...createComponentMocks({
 				i18n: true,
 			}),
@@ -77,6 +84,7 @@ describe("SchoolPolicy", () => {
 				[PRIVACY_POLICY_MODULE_KEY.valueOf()]: privacyPolicyModule,
 				[AUTH_MODULE_KEY.valueOf()]: authModule,
 				[SCHOOLS_MODULE_KEY.valueOf()]: schoolsModule,
+				[NOTIFIER_MODULE_KEY.valueOf()]: notifierModule,
 			},
 		});
 
@@ -108,22 +116,20 @@ describe("SchoolPolicy", () => {
 	});
 
 	describe("when privacy policy is found", () => {
-		it("should render download button", () => {
+		it("should render delete button", () => {
 			const wrapper = setup();
 
-			expect(wrapper.find('[data-testid="download-button"]').exists()).toBe(
-				true
-			);
+			expect(wrapper.find('[data-testid="delete-button"]').exists()).toBe(true);
 		});
 	});
 
 	describe("when privacy policy is not found", () => {
-		it("should not render download button", () => {
+		it("should not render delete button", () => {
 			const wrapper = setup({
 				getPrivacyPolicy: null,
 			});
 
-			expect(wrapper.find('[data-testid="download-button"]').exists()).toBe(
+			expect(wrapper.find('[data-testid="delete-button"]').exists()).toBe(
 				false
 			);
 		});
@@ -161,9 +167,30 @@ describe("SchoolPolicy", () => {
 		it("should change isSchoolPolicyFormDialogOpen to true", () => {
 			const wrapper = setup();
 
-			expect((wrapper.vm as any).isSchoolPolicyFormDialogOpen).toBe(false);
+			expect(wrapper.vm.isSchoolPolicyFormDialogOpen).toBe(false);
 			wrapper.find('[data-testid="edit-button"]').trigger("click");
-			expect((wrapper.vm as any).isSchoolPolicyFormDialogOpen).toBe(true);
+			expect(wrapper.vm.isSchoolPolicyFormDialogOpen).toBe(true);
+		});
+	});
+
+	describe("when user clicks delete button", () => {
+		it("should change isDeletePolicyDialogOpen to true", () => {
+			const wrapper = setup();
+
+			expect(wrapper.vm.isDeletePolicyDialogOpen).toBe(false);
+			wrapper.find('[data-testid="delete-button"]').trigger("click");
+			expect(wrapper.vm.isDeletePolicyDialogOpen).toBe(true);
+		});
+	});
+
+	describe("when user clicks policy item", () => {
+		it("should call downloadFile method", () => {
+			const wrapper = setup();
+
+			const downloadFileMock = jest.mocked(downloadFile).mockReturnValueOnce();
+
+			wrapper.find('[data-testid="policy-item"]').vm.$emit("click");
+			expect(downloadFileMock).toHaveBeenCalledTimes(1);
 		});
 	});
 
diff --git a/src/components/organisms/administration/SchoolPolicy.vue b/src/components/organisms/administration/SchoolPolicy.vue
index d54e0c35e7..6fc10da73a 100644
--- a/src/components/organisms/administration/SchoolPolicy.vue
+++ b/src/components/organisms/administration/SchoolPolicy.vue
@@ -21,8 +21,17 @@
 				class="mb-6"
 				data-testid="progress-bar"
 			/>
-			<v-list-item v-else two-line dense class="mb-6" data-testid="policy-item">
-				<v-list-item-icon>
+			<v-list-item
+				v-else
+				two-line
+				dense
+				class="mb-6"
+				data-testid="policy-item"
+				@click="downloadPolicy"
+				:class="{ 'item-no-action': !privacyPolicy }"
+				:ripple="privacyPolicy !== null"
+			>
+				<v-list-item-icon class="me-4">
 					<v-icon>$file_pdf_outline</v-icon>
 				</v-list-item-icon>
 				<v-list-item-content>
@@ -33,9 +42,7 @@
 						<template v-if="privacyPolicy">
 							{{
 								t("pages.administration.school.index.schoolPolicy.uploadedOn", {
-									date: dayjs(privacyPolicy.publishedAt).format(
-										t("format.dateTime")
-									),
+									date: formatDate(privacyPolicy.publishedAt),
 								})
 							}}
 						</template>
@@ -50,9 +57,8 @@
 				</v-list-item-content>
 				<v-list-item-action
 					v-if="hasSchoolEditPermission"
-					class="edit-icon"
 					data-testid="edit-button"
-					@click="isSchoolPolicyFormDialogOpen = true"
+					@click.stop="isSchoolPolicyFormDialogOpen = true"
 				>
 					<v-btn
 						icon
@@ -60,22 +66,21 @@
 							t('pages.administration.school.index.schoolPolicy.edit')
 						"
 					>
-						<v-icon>$mdiPencilOutline</v-icon>
+						<v-icon>$mdiTrayArrowUp</v-icon>
 					</v-btn>
 				</v-list-item-action>
 				<v-list-item-action
 					v-if="privacyPolicy"
-					class="download-icon"
-					data-testid="download-button"
-					@click="downloadFile"
+					data-testid="delete-button"
+					@click.stop="isDeletePolicyDialogOpen = true"
 				>
 					<v-btn
 						icon
 						:aria-label="
-							t('pages.administration.school.index.schoolPolicy.download')
+							t('pages.administration.school.index.schoolPolicy.delete.title')
 						"
 					>
-						<v-icon>$mdiTrayArrowDown</v-icon>
+						<v-icon>$mdiTrashCanOutline</v-icon>
 					</v-btn>
 				</v-list-item-action>
 			</v-list-item>
@@ -85,13 +90,34 @@
 				@close="closeDialog"
 				data-testid="form-dialog"
 			/>
+			<v-custom-dialog
+				v-model="isDeletePolicyDialogOpen"
+				:size="430"
+				has-buttons
+				confirm-btn-title-key="common.actions.delete"
+				confirm-btn-icon="$mdiTrashCanOutline"
+				@dialog-confirmed="deleteFile"
+				data-testid="delete-dialog"
+			>
+				<h4 class="text-h4 mt-0" slot="title">
+					{{ t("pages.administration.school.index.schoolPolicy.delete.title") }}
+				</h4>
+				<template #content>
+					<v-alert light text type="info" class="mb-0">
+						<div class="alert-text">
+							{{
+								t("pages.administration.school.index.schoolPolicy.delete.text")
+							}}
+						</div>
+					</v-alert>
+				</template>
+			</v-custom-dialog>
 		</template>
 	</section>
 </template>
 
 <script lang="ts">
 import SchoolPolicyFormDialog from "@/components/organisms/administration/SchoolPolicyFormDialog.vue";
-import dayjs from "dayjs";
 import { computed, ComputedRef, defineComponent, ref, Ref, watch } from "vue";
 import { School } from "@/store/types/schools";
 import { ConsentVersion } from "@/store/types/consent-version";
@@ -102,11 +128,16 @@ import {
 	PRIVACY_POLICY_MODULE_KEY,
 	injectStrict,
 	SCHOOLS_MODULE_KEY,
+	NOTIFIER_MODULE_KEY,
 } from "@/utils/inject";
+import vCustomDialog from "@/components/organisms/vCustomDialog.vue";
+import { downloadFile } from "@/utils/fileHelper";
+import { formatDateForAlerts } from "@/plugins/datetime";
 
 export default defineComponent({
 	name: "SchoolPolicy",
 	components: {
+		vCustomDialog,
 		SchoolPolicyFormDialog,
 	},
 	setup() {
@@ -114,8 +145,10 @@ export default defineComponent({
 		const authModule = injectStrict(AUTH_MODULE_KEY);
 		const privacyPolicyModule = injectStrict(PRIVACY_POLICY_MODULE_KEY);
 		const schoolsModule = injectStrict(SCHOOLS_MODULE_KEY);
+		const notifierModule = injectStrict(NOTIFIER_MODULE_KEY);
 
 		const isSchoolPolicyFormDialogOpen: Ref<boolean> = ref(false);
+		const isDeletePolicyDialogOpen: Ref<boolean> = ref(false);
 
 		const school: ComputedRef<School> = computed(() => schoolsModule.getSchool);
 		watch(
@@ -139,13 +172,28 @@ export default defineComponent({
 			() => privacyPolicyModule.getBusinessError
 		);
 
-		const downloadFile = () => {
-			const link = document.createElement("a");
-			link.href = privacyPolicy.value?.consentData.data as string;
-			link.download = t(
-				"pages.administration.school.index.schoolPolicy.fileName"
-			);
-			link.click();
+		const formatDate = (dateTime: string) =>
+			formatDateForAlerts(dateTime, true);
+
+		const downloadPolicy = () => {
+			if (privacyPolicy.value) {
+				downloadFile(
+					privacyPolicy.value.consentData.data,
+					t("pages.administration.school.index.schoolPolicy.fileName")
+				);
+			}
+		};
+
+		const deleteFile = async () => {
+			await privacyPolicyModule.deletePrivacyPolicy();
+
+			notifierModule.show({
+				text: t(
+					"pages.administration.school.index.schoolPolicy.delete.success"
+				),
+				status: "success",
+				timeout: 10000,
+			});
 		};
 
 		const closeDialog = () => {
@@ -155,14 +203,32 @@ export default defineComponent({
 		return {
 			t,
 			isSchoolPolicyFormDialogOpen,
+			isDeletePolicyDialogOpen,
 			hasSchoolEditPermission,
 			privacyPolicy,
 			status,
 			error,
-			downloadFile,
-			dayjs,
+			downloadPolicy,
+			deleteFile,
+			formatDate,
 			closeDialog,
 		};
 	},
 });
 </script>
+
+<style lang="scss" scoped>
+.alert-text {
+	color: var(--v-black-base) !important;
+	line-height: var(--line-height-lg) !important;
+}
+
+.item-no-action {
+	&:hover {
+		cursor: default;
+	}
+	&:before {
+		background-color: unset;
+	}
+}
+</style>
diff --git a/src/components/organisms/administration/SchoolPolicyFormDialog.unit.ts b/src/components/organisms/administration/SchoolPolicyFormDialog.unit.ts
index 84f5241a27..9db32125db 100644
--- a/src/components/organisms/administration/SchoolPolicyFormDialog.unit.ts
+++ b/src/components/organisms/administration/SchoolPolicyFormDialog.unit.ts
@@ -48,7 +48,7 @@ describe("SchoolPolicyFormDialog", () => {
 
 		notifierModule = createModuleMocks(NotifierModule);
 
-		const wrapper: Wrapper<Vue> = mount(
+		const wrapper: Wrapper<any> = mount(
 			SchoolPolicyFormDialog as MountOptions<Vue>,
 			{
 				...createComponentMocks({
@@ -72,13 +72,13 @@ describe("SchoolPolicyFormDialog", () => {
 			const wrapper = setup();
 
 			expect(
-				wrapper.find('[data-testid="submit-button"]').attributes().disabled
+				wrapper.find('[data-testid="dialog-confirm"]').attributes().disabled
 			).toBeDefined();
 		});
 
 		it("should render warning icon", async () => {
 			const wrapper = setup();
-			(wrapper.vm as any).isTouched = true;
+			wrapper.vm.isTouched = true;
 			await Vue.nextTick();
 			expect(wrapper.find('[data-testid="warning-icon"]').exists()).toBe(true);
 		});
@@ -88,7 +88,7 @@ describe("SchoolPolicyFormDialog", () => {
 		it("should emit 'close'", () => {
 			const wrapper = setup();
 
-			wrapper.find('[data-testid="cancel-button"]').trigger("click");
+			wrapper.find('[data-testid="dialog-cancel"]').trigger("click");
 			expect(wrapper.emitted()).toHaveProperty("close");
 		});
 	});
diff --git a/src/components/organisms/administration/SchoolPolicyFormDialog.vue b/src/components/organisms/administration/SchoolPolicyFormDialog.vue
index 71bc4acab1..2299e194b2 100644
--- a/src/components/organisms/administration/SchoolPolicyFormDialog.vue
+++ b/src/components/organisms/administration/SchoolPolicyFormDialog.vue
@@ -1,12 +1,21 @@
 <template>
-	<v-custom-dialog :is-open="isOpen" :size="450" @dialog-closed="cancel">
+	<v-custom-dialog
+		:is-open="isOpen"
+		:size="425"
+		@dialog-closed="cancel"
+		has-buttons
+		confirm-btn-title-key="pages.administration.school.index.schoolPolicy.replace"
+		confirm-btn-icon="$mdiFileReplaceOutline"
+		:confirm-btn-disabled="!isValid"
+		@dialog-confirmed="submit"
+	>
 		<h4 class="text-h4 mt-0" slot="title">
 			{{ t("common.words.privacyPolicy") }}
 		</h4>
-		<template slot="content">
+		<template #content>
 			<v-form ref="policyForm" v-model="isValid">
 				<v-alert light text type="warning" class="mb-10" icon="$mdiAlert">
-					<div class="replace-alert-text">
+					<div class="alert-text">
 						{{
 							t(
 								"pages.administration.school.index.schoolPolicy.longText.willReplaceAndSendConsent"
@@ -43,32 +52,6 @@
 						>
 					</template>
 				</v-file-input>
-				<v-card-actions>
-					<v-spacer></v-spacer>
-					<div class="button-section button-right">
-						<v-btn
-							class="dialog-closed"
-							depressed
-							text
-							@click="cancel"
-							data-testid="cancel-button"
-						>
-							{{ t("pages.administration.school.index.schoolPolicy.cancel") }}
-						</v-btn>
-						<v-btn
-							class="icon-button dialog-confirmed px-6"
-							type="submit"
-							color="primary"
-							depressed
-							:disabled="!isValid"
-							@click.prevent="submit"
-							data-testid="submit-button"
-						>
-							<v-icon dense class="mr-1">$mdiFileReplaceOutline</v-icon>
-							{{ t("pages.administration.school.index.schoolPolicy.replace") }}
-						</v-btn>
-					</div>
-				</v-card-actions>
 			</v-form>
 		</template>
 	</v-custom-dialog>
@@ -184,7 +167,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.replace-alert-text {
+.alert-text {
 	color: var(--v-black-base) !important;
 }
 
diff --git a/src/components/organisms/administration/SchoolTerms.unit.ts b/src/components/organisms/administration/SchoolTerms.unit.ts
index 6b56d1ae9e..49b10da592 100644
--- a/src/components/organisms/administration/SchoolTerms.unit.ts
+++ b/src/components/organisms/administration/SchoolTerms.unit.ts
@@ -2,6 +2,7 @@ import SchoolTerms from "./SchoolTerms.vue";
 import AuthModule from "@/store/auth";
 import SchoolsModule from "@/store/schools";
 import TermsOfUseModule from "@/store/terms-of-use";
+import NotifierModule from "@/store/notifier";
 import { createModuleMocks } from "@/utils/mock-store-module";
 import { shallowMount, Wrapper } from "@vue/test-utils";
 import createComponentMocks from "@@/tests/test-utils/componentMocks";
@@ -10,16 +11,20 @@ import { ConsentVersion } from "@/store/types/consent-version";
 import {
 	AUTH_MODULE_KEY,
 	I18N_KEY,
+	NOTIFIER_MODULE_KEY,
 	SCHOOLS_MODULE_KEY,
 	TERMS_OF_USE_MODULE_KEY,
 } from "@/utils/inject";
-import Vue from "vue";
 import { i18nMock } from "@@/tests/test-utils";
+import { downloadFile } from "@/utils/fileHelper";
+
+jest.mock("@/utils/fileHelper");
 
 describe("SchoolTerms", () => {
 	let authModule: jest.Mocked<AuthModule>;
 	let schoolsModule: jest.Mocked<SchoolsModule>;
 	let termsOfUseModule: jest.Mocked<TermsOfUseModule>;
+	let notifierModule: jest.Mocked<NotifierModule>;
 
 	const mockTerms: ConsentVersion = {
 		_id: "123",
@@ -68,7 +73,9 @@ describe("SchoolTerms", () => {
 			...getters,
 		});
 
-		const wrapper: Wrapper<Vue> = shallowMount(SchoolTerms, {
+		notifierModule = createModuleMocks(NotifierModule);
+
+		const wrapper: Wrapper<any> = shallowMount(SchoolTerms, {
 			...createComponentMocks({
 				i18n: true,
 			}),
@@ -77,6 +84,7 @@ describe("SchoolTerms", () => {
 				[TERMS_OF_USE_MODULE_KEY.valueOf()]: termsOfUseModule,
 				[AUTH_MODULE_KEY.valueOf()]: authModule,
 				[SCHOOLS_MODULE_KEY.valueOf()]: schoolsModule,
+				[NOTIFIER_MODULE_KEY.valueOf()]: notifierModule,
 			},
 		});
 
@@ -108,22 +116,20 @@ describe("SchoolTerms", () => {
 	});
 
 	describe("when terms of use are found", () => {
-		it("should render download button", () => {
+		it("should render delete button", () => {
 			const wrapper = setup();
 
-			expect(wrapper.find('[data-testid="download-button"]').exists()).toBe(
-				true
-			);
+			expect(wrapper.find('[data-testid="delete-button"]').exists()).toBe(true);
 		});
 	});
 
 	describe("when terms of use are not found", () => {
-		it("should not render download button", () => {
+		it("should not render delete button", () => {
 			const wrapper = setup({
 				getTermsOfUse: null,
 			});
 
-			expect(wrapper.find('[data-testid="download-button"]').exists()).toBe(
+			expect(wrapper.find('[data-testid="delete-button"]').exists()).toBe(
 				false
 			);
 		});
@@ -161,9 +167,30 @@ describe("SchoolTerms", () => {
 		it("should change isSchoolTermsFormDialogOpen to true", () => {
 			const wrapper = setup();
 
-			expect((wrapper.vm as any).isSchoolTermsFormDialogOpen).toBe(false);
+			expect(wrapper.vm.isSchoolTermsFormDialogOpen).toBe(false);
 			wrapper.find('[data-testid="edit-button"]').trigger("click");
-			expect((wrapper.vm as any).isSchoolTermsFormDialogOpen).toBe(true);
+			expect(wrapper.vm.isSchoolTermsFormDialogOpen).toBe(true);
+		});
+	});
+
+	describe("when user clicks delete button", () => {
+		it("should change isDeleteTermsDialogOpen to true", () => {
+			const wrapper = setup();
+
+			expect(wrapper.vm.isDeleteTermsDialogOpen).toBe(false);
+			wrapper.find('[data-testid="delete-button"]').trigger("click");
+			expect(wrapper.vm.isDeleteTermsDialogOpen).toBe(true);
+		});
+	});
+
+	describe("when user clicks terms item", () => {
+		it("should call downloadFile method", () => {
+			const wrapper = setup();
+
+			const downloadFileMock = jest.mocked(downloadFile).mockReturnValueOnce();
+
+			wrapper.find('[data-testid="terms-item"]').vm.$emit("click");
+			expect(downloadFileMock).toHaveBeenCalledTimes(1);
 		});
 	});
 
diff --git a/src/components/organisms/administration/SchoolTerms.vue b/src/components/organisms/administration/SchoolTerms.vue
index c5428d2de9..d1ef7bc8f4 100644
--- a/src/components/organisms/administration/SchoolTerms.vue
+++ b/src/components/organisms/administration/SchoolTerms.vue
@@ -21,8 +21,17 @@
 				class="mb-6"
 				data-testid="progress-bar"
 			/>
-			<v-list-item v-else two-line dense class="mb-6" data-testid="terms-item">
-				<v-list-item-icon>
+			<v-list-item
+				v-else
+				two-line
+				dense
+				class="mb-6"
+				data-testid="terms-item"
+				@click="downloadTerms"
+				:class="{ 'item-no-action': !termsOfUse }"
+				:ripple="termsOfUse !== null"
+			>
+				<v-list-item-icon class="me-4">
 					<v-icon>$file_pdf_outline</v-icon>
 				</v-list-item-icon>
 				<v-list-item-content>
@@ -33,9 +42,7 @@
 						<template v-if="termsOfUse">
 							{{
 								t("pages.administration.school.index.termsOfUse.uploadedOn", {
-									date: dayjs(termsOfUse.publishedAt).format(
-										t("format.dateTime")
-									),
+									date: formatDate(termsOfUse.publishedAt),
 								})
 							}}
 						</template>
@@ -48,30 +55,28 @@
 				</v-list-item-content>
 				<v-list-item-action
 					v-if="hasSchoolEditPermission"
-					class="edit-icon"
 					data-testid="edit-button"
-					@click="isSchoolTermsFormDialogOpen = true"
+					@click.stop="isSchoolTermsFormDialogOpen = true"
 				>
 					<v-btn
 						icon
 						:aria-label="t('pages.administration.school.index.termsOfUse.edit')"
 					>
-						<v-icon>$mdiPencilOutline</v-icon>
+						<v-icon>$mdiTrayArrowUp</v-icon>
 					</v-btn>
 				</v-list-item-action>
 				<v-list-item-action
 					v-if="termsOfUse"
-					class="download-icon"
-					data-testid="download-button"
-					@click="downloadFile"
+					data-testid="delete-button"
+					@click.stop="isDeleteTermsDialogOpen = true"
 				>
 					<v-btn
 						icon
 						:aria-label="
-							t('pages.administration.school.index.termsOfUse.download')
+							t('pages.administration.school.index.termsOfUse.delete.title')
 						"
 					>
-						<v-icon>$mdiTrayArrowDown</v-icon>
+						<v-icon>$mdiTrashCanOutline</v-icon>
 					</v-btn>
 				</v-list-item-action>
 			</v-list-item>
@@ -81,13 +86,34 @@
 				@close="closeDialog"
 				data-testid="form-dialog"
 			/>
+			<v-custom-dialog
+				v-model="isDeleteTermsDialogOpen"
+				:size="430"
+				has-buttons
+				confirm-btn-title-key="common.actions.delete"
+				confirm-btn-icon="$mdiTrashCanOutline"
+				@dialog-confirmed="deleteFile"
+				data-testid="delete-dialog"
+			>
+				<h4 class="text-h4 mt-0" slot="title">
+					{{ t("pages.administration.school.index.termsOfUse.delete.title") }}
+				</h4>
+				<template #content>
+					<v-alert light text type="info" class="mb-0">
+						<div class="alert-text">
+							{{
+								t("pages.administration.school.index.termsOfUse.delete.text")
+							}}
+						</div>
+					</v-alert>
+				</template>
+			</v-custom-dialog>
 		</template>
 	</section>
 </template>
 
 <script lang="ts">
 import SchoolTermsFormDialog from "@/components/organisms/administration/SchoolTermsFormDialog.vue";
-import dayjs from "dayjs";
 import { computed, ComputedRef, defineComponent, ref, Ref, watch } from "vue";
 import { School } from "@/store/types/schools";
 import { ConsentVersion } from "@/store/types/consent-version";
@@ -98,11 +124,16 @@ import {
 	AUTH_MODULE_KEY,
 	TERMS_OF_USE_MODULE_KEY,
 	SCHOOLS_MODULE_KEY,
+	NOTIFIER_MODULE_KEY,
 } from "@/utils/inject";
+import vCustomDialog from "@/components/organisms/vCustomDialog.vue";
+import { downloadFile } from "@/utils/fileHelper";
+import { formatDateForAlerts } from "@/plugins/datetime";
 
 export default defineComponent({
 	name: "SchoolTerms",
 	components: {
+		vCustomDialog,
 		SchoolTermsFormDialog,
 	},
 	setup() {
@@ -110,8 +141,10 @@ export default defineComponent({
 		const authModule = injectStrict(AUTH_MODULE_KEY);
 		const termsOfUseModule = injectStrict(TERMS_OF_USE_MODULE_KEY);
 		const schoolsModule = injectStrict(SCHOOLS_MODULE_KEY);
+		const notifierModule = injectStrict(NOTIFIER_MODULE_KEY);
 
 		const isSchoolTermsFormDialogOpen: Ref<boolean> = ref(false);
+		const isDeleteTermsDialogOpen: Ref<boolean> = ref(false);
 
 		const school: ComputedRef<School> = computed(() => schoolsModule.getSchool);
 		watch(
@@ -135,13 +168,26 @@ export default defineComponent({
 			() => termsOfUseModule.getBusinessError
 		);
 
-		const downloadFile = () => {
-			const link = document.createElement("a");
-			link.href = termsOfUse.value?.consentData.data as string;
-			link.download = t(
-				"pages.administration.school.index.termsOfUse.fileName"
-			);
-			link.click();
+		const formatDate = (dateTime: string) =>
+			formatDateForAlerts(dateTime, true);
+
+		const downloadTerms = () => {
+			if (termsOfUse.value) {
+				downloadFile(
+					termsOfUse.value.consentData.data,
+					t("pages.administration.school.index.termsOfUse.fileName")
+				);
+			}
+		};
+
+		const deleteFile = async () => {
+			await termsOfUseModule.deleteTermsOfUse();
+
+			notifierModule.show({
+				text: t("pages.administration.school.index.termsOfUse.delete.success"),
+				status: "success",
+				timeout: 10000,
+			});
 		};
 
 		const closeDialog = () => {
@@ -151,14 +197,32 @@ export default defineComponent({
 		return {
 			t,
 			isSchoolTermsFormDialogOpen,
+			isDeleteTermsDialogOpen,
 			hasSchoolEditPermission,
 			termsOfUse,
 			status,
 			error,
-			downloadFile,
-			dayjs,
+			downloadTerms,
+			deleteFile,
+			formatDate,
 			closeDialog,
 		};
 	},
 });
 </script>
+
+<style lang="scss" scoped>
+.alert-text {
+	color: var(--v-black-base) !important;
+	line-height: var(--line-height-lg) !important;
+}
+
+.item-no-action {
+	&:hover {
+		cursor: default;
+	}
+	&:before {
+		background-color: unset;
+	}
+}
+</style>
diff --git a/src/components/organisms/administration/SchoolTermsFormDialog.unit.ts b/src/components/organisms/administration/SchoolTermsFormDialog.unit.ts
index 28abfd76df..ade4a5632b 100644
--- a/src/components/organisms/administration/SchoolTermsFormDialog.unit.ts
+++ b/src/components/organisms/administration/SchoolTermsFormDialog.unit.ts
@@ -48,7 +48,7 @@ describe("SchoolPolicyFormDialog", () => {
 
 		notifierModule = createModuleMocks(NotifierModule);
 
-		const wrapper: Wrapper<Vue> = mount(
+		const wrapper: Wrapper<any> = mount(
 			SchoolTermsFormDialog as MountOptions<Vue>,
 			{
 				...createComponentMocks({
@@ -72,13 +72,13 @@ describe("SchoolPolicyFormDialog", () => {
 			const wrapper = setup();
 
 			expect(
-				wrapper.find('[data-testid="submit-button"]').attributes().disabled
+				wrapper.find('[data-testid="dialog-confirm"]').attributes().disabled
 			).toBeDefined();
 		});
 
 		it("should render warning icon", async () => {
 			const wrapper = setup();
-			(wrapper.vm as any).isTouched = true;
+			wrapper.vm.isTouched = true;
 			await Vue.nextTick();
 			expect(wrapper.find('[data-testid="warning-icon"]').exists()).toBe(true);
 		});
@@ -88,7 +88,7 @@ describe("SchoolPolicyFormDialog", () => {
 		it("should emit 'close'", () => {
 			const wrapper = setup();
 
-			wrapper.find('[data-testid="cancel-button"]').trigger("click");
+			wrapper.find('[data-testid="dialog-cancel"]').trigger("click");
 			expect(wrapper.emitted()).toHaveProperty("close");
 		});
 	});
diff --git a/src/components/organisms/administration/SchoolTermsFormDialog.vue b/src/components/organisms/administration/SchoolTermsFormDialog.vue
index eac46ceec6..d9ded71d67 100644
--- a/src/components/organisms/administration/SchoolTermsFormDialog.vue
+++ b/src/components/organisms/administration/SchoolTermsFormDialog.vue
@@ -1,12 +1,21 @@
 <template>
-	<v-custom-dialog :is-open="isOpen" :size="450" @dialog-closed="cancel">
+	<v-custom-dialog
+		:is-open="isOpen"
+		:size="425"
+		@dialog-closed="cancel"
+		has-buttons
+		confirm-btn-title-key="pages.administration.school.index.termsOfUse.replace"
+		confirm-btn-icon="$mdiFileReplaceOutline"
+		:confirm-btn-disabled="!isValid"
+		@dialog-confirmed="submit"
+	>
 		<h4 class="text-h4 mt-0" slot="title">
 			{{ t("common.words.termsOfUse") }}
 		</h4>
-		<template slot="content">
+		<template #content>
 			<v-form ref="termsForm" v-model="isValid">
 				<v-alert light text type="warning" class="mb-10" icon="$mdiAlert">
-					<div class="replace-alert-text">
+					<div class="alert-text">
 						{{
 							t(
 								"pages.administration.school.index.termsOfUse.longText.willReplaceAndSendConsent"
@@ -41,32 +50,6 @@
 						>
 					</template>
 				</v-file-input>
-				<v-card-actions>
-					<v-spacer></v-spacer>
-					<div class="button-section button-right">
-						<v-btn
-							class="dialog-closed"
-							depressed
-							text
-							@click="cancel"
-							data-testid="cancel-button"
-						>
-							{{ t("pages.administration.school.index.termsOfUse.cancel") }}
-						</v-btn>
-						<v-btn
-							class="icon-button dialog-confirmed px-6"
-							type="submit"
-							color="primary"
-							depressed
-							:disabled="!isValid"
-							@click.prevent="submit"
-							data-testid="submit-button"
-						>
-							<v-icon dense class="mr-1">$mdiFileReplaceOutline</v-icon>
-							{{ t("pages.administration.school.index.termsOfUse.replace") }}
-						</v-btn>
-					</div>
-				</v-card-actions>
 			</v-form>
 		</template>
 	</v-custom-dialog>
@@ -180,7 +163,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.replace-alert-text {
+.alert-text {
 	color: var(--v-black-base) !important;
 }
 
diff --git a/src/components/organisms/vCustomDialog.vue b/src/components/organisms/vCustomDialog.vue
index 085153130f..c2f6c232c5 100644
--- a/src/components/organisms/vCustomDialog.vue
+++ b/src/components/organisms/vCustomDialog.vue
@@ -13,7 +13,7 @@
 			<v-card-text class="text--primary">
 				<slot name="content"></slot>
 			</v-card-text>
-			<v-card-actions v-if="hasButtons">
+			<v-card-actions v-if="hasButtons" class="pe-6">
 				<v-spacer></v-spacer>
 
 				<div class="button-section button-left">
@@ -54,7 +54,11 @@
 						depressed
 						:disabled="confirmBtnDisabled"
 						@click="confirmDialog"
-						>{{ $t(confirmBtnTitleKey) }}
+					>
+						<v-icon v-if="confirmBtnIcon" dense class="mr-1">
+							{{ confirmBtnIcon }}
+						</v-icon>
+						{{ $t(confirmBtnTitleKey) }}
 					</v-btn>
 					<v-btn
 						v-if="checkButtons('close')"
@@ -102,6 +106,9 @@ export default {
 			type: String,
 			default: "common.actions.confirm",
 		},
+		confirmBtnIcon: {
+			type: String,
+		},
 		confirmBtnDisabled: {
 			type: Boolean,
 		},
diff --git a/src/locales/de.json b/src/locales/de.json
index 663b924d36..d2ad88488a 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -14,6 +14,7 @@
 	"common.actions.ok": "OK",
 	"common.action.publish": "Veröffentlichen",
 	"common.actions.remove": "Löschen",
+	"common.actions.delete": "Löschen",
 	"common.actions.save": "Speichern",
 	"common.actions.share": "Teilen",
 	"common.actions.shareCourse": "Kurskopie teilen",
@@ -702,10 +703,13 @@
 	"pages.administration.school.index.schoolPolicy.validation.fileTooBig": "Die Datei ist größer als 4MB. Bitte reduzieren sie die Dateigröße",
 	"pages.administration.school.index.schoolPolicy.validation.notPdf": "Dieses Dateiformat wird nicht unterstützt. Verwenden Sie bitte PDF",
 	"pages.administration.school.index.schoolPolicy.error": "Beim Laden der Datenschutzerklärung ist ein Fehler aufgetreten",
-	"pages.administration.school.index.schoolPolicy.success": "Neue Datei wurde erfolgreich hochgeladen.",
+	"pages.administration.school.index.schoolPolicy.delete.title": "Datenschutzerklärung löschen",
+	"pages.administration.school.index.schoolPolicy.delete.text": "Wenn Sie diese Datei löschen, wird automatisch die Standard-Datenschutzerklärung verwendet.",
+	"pages.administration.school.index.schoolPolicy.delete.success": "Privacy Policy file was successfully deleted.",
+	"pages.administration.school.index.schoolPolicy.success": "Die Datei mit den Datenschutzerklärung wurde erfolgreich gelöscht.",
 	"pages.administration.school.index.schoolPolicy.replace": "Ersetzen",
 	"pages.administration.school.index.schoolPolicy.cancel": "Abbrechen",
-	"pages.administration.school.index.schoolPolicy.uploadedOn": "Hochgeladen am {date}",
+	"pages.administration.school.index.schoolPolicy.uploadedOn": "Hochgeladen {date}",
 	"pages.administration.school.index.schoolPolicy.notUploadedYet": "Noch nicht hochgeladen",
 	"pages.administration.school.index.schoolPolicy.fileName": "Datenschutzerklärung der Schule",
 	"pages.administration.school.index.schoolPolicy.longText.willReplaceAndSendConsent": "Die neue Datenschutzerklärung wird die alte unwiderruflich ersetzen und allen Nutzern dieser Schule zur Genehmigung vorgelegt werden.",
@@ -716,10 +720,13 @@
 	"pages.administration.school.index.termsOfUse.validation.fileTooBig": "Die Datei ist größer als 4MB. Bitte reduzieren sie die Dateigröße",
 	"pages.administration.school.index.termsOfUse.validation.notPdf": "Dieses Dateiformat wird nicht unterstützt. Verwenden Sie bitte PDF",
 	"pages.administration.school.index.termsOfUse.error": "Beim Laden der Nutzungsordnung ist ein Fehler aufgetreten",
+	"pages.administration.school.index.termsOfUse.delete.title": "Nutzungsordnung löschen",
+	"pages.administration.school.index.termsOfUse.delete.text": "Wenn Sie diese Datei löschen, wird automatisch die Standard-Nutzungsordnung verwendet.",
+	"pages.administration.school.index.termsOfUse.delete.success": "Die Datei mit den Nutzungsordnung wurde erfolgreich gelöscht.",
 	"pages.administration.school.index.termsOfUse.success": "Neue Datei wurde erfolgreich hochgeladen.",
 	"pages.administration.school.index.termsOfUse.replace": "Ersetzen",
 	"pages.administration.school.index.termsOfUse.cancel": "Abbrechen",
-	"pages.administration.school.index.termsOfUse.uploadedOn": "Hochgeladen am {date}",
+	"pages.administration.school.index.termsOfUse.uploadedOn": "Hochgeladen {date}",
 	"pages.administration.school.index.termsOfUse.notUploadedYet": "Noch nicht hochgeladen",
 	"pages.administration.school.index.termsOfUse.fileName": "Nutzungsordnung der Schule",
 	"pages.administration.school.index.termsOfUse.longText.willReplaceAndSendConsent": "Die neue Nutzungsordnung wird die alte unwiderruflich ersetzen und allen Nutzern dieser Schule zur Genehmigung vorgelegt werden.",
diff --git a/src/locales/en.json b/src/locales/en.json
index f20b7f0a42..be1ae42057 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -15,6 +15,7 @@
 	"common.actions.ok": "OK",
 	"common.action.publish": "Publish",
 	"common.actions.remove": "Remove",
+	"common.actions.delete": "Delete",
 	"common.actions.save": "Save",
 	"common.actions.share": "Share",
 	"common.actions.shareCourse": "Share course copy",
@@ -700,10 +701,13 @@
 	"pages.administration.school.index.schoolPolicy.validation.fileTooBig": "The file is larger than 4MB. Please reduce the file size",
 	"pages.administration.school.index.schoolPolicy.validation.notPdf": "This file format is not supported. Please use PDF only",
 	"pages.administration.school.index.schoolPolicy.error": "An error occurred while loading the privacy policy",
+	"pages.administration.school.index.schoolPolicy.delete.title": "Delete Privacy Policy",
+	"pages.administration.school.index.schoolPolicy.delete.text": "If you delete this file, the default Privacy Policy will be automatically used.",
+	"pages.administration.school.index.schoolPolicy.delete.success": "Privacy Policy file was successfully deleted.",
 	"pages.administration.school.index.schoolPolicy.success": "New file was successfully uploaded.",
 	"pages.administration.school.index.schoolPolicy.replace": "Replace",
 	"pages.administration.school.index.schoolPolicy.cancel": "Cancel",
-	"pages.administration.school.index.schoolPolicy.uploadedOn": "Uploaded on {date}",
+	"pages.administration.school.index.schoolPolicy.uploadedOn": "Uploaded {date}",
 	"pages.administration.school.index.schoolPolicy.notUploadedYet": "Not uploaded yet",
 	"pages.administration.school.index.schoolPolicy.fileName": "Privacy Policy of the school",
 	"pages.administration.school.index.schoolPolicy.longText.willReplaceAndSendConsent": "The new Privacy Policy will irretrievably replace the old one and will be presented to all users of this school for approval.",
@@ -714,10 +718,13 @@
 	"pages.administration.school.index.termsOfUse.validation.fileTooBig": "The file is larger than 4MB. Please reduce the file size",
 	"pages.administration.school.index.termsOfUse.validation.notPdf": "This file format is not supported. Please use PDF only",
 	"pages.administration.school.index.termsOfUse.error": "An error occurred while loading the terms of use",
+	"pages.administration.school.index.termsOfUse.delete.title": "Delete Terms of Use",
+	"pages.administration.school.index.termsOfUse.delete.text": "If you delete this file, the default Terms of Use will be automatically used.",
+	"pages.administration.school.index.termsOfUse.delete.success": "Terms of Use file was successfully deleted.",
 	"pages.administration.school.index.termsOfUse.success": "New file was successfully uploaded.",
 	"pages.administration.school.index.termsOfUse.replace": "Replace",
 	"pages.administration.school.index.termsOfUse.cancel": "Cancel",
-	"pages.administration.school.index.termsOfUse.uploadedOn": "Uploaded on {date}",
+	"pages.administration.school.index.termsOfUse.uploadedOn": "Uploaded {date}",
 	"pages.administration.school.index.termsOfUse.notUploadedYet": "Not uploaded yet",
 	"pages.administration.school.index.termsOfUse.fileName": "Terms of Use of the school",
 	"pages.administration.school.index.termsOfUse.longText.willReplaceAndSendConsent": "The new Terms of Use will irretrievably replace the old one and will be presented to all users of this school for approval.",
diff --git a/src/locales/es.json b/src/locales/es.json
index e8602cace0..32f3c76917 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -19,6 +19,7 @@
 	"common.actions.logout": "Desconectar",
 	"common.action.publish": "Publicar",
 	"common.actions.remove": "Eliminar",
+	"common.actions.delete": "Borrar",
 	"common.actions.save": "Guardar",
 	"common.actions.share": "Compartir",
 	"common.actions.shareCourse": "Compartir copia de la cotización",
@@ -689,10 +690,13 @@
 	"pages.administration.school.index.schoolPolicy.validation.fileTooBig": "El archivo pesa más de 4 MB. Por favor, reduzca el tamaño del archivo",
 	"pages.administration.school.index.schoolPolicy.validation.notPdf": "Este formato de archivo no es compatible. Utilice sólo PDF",
 	"pages.administration.school.index.schoolPolicy.error": "Se ha producido un error al cargar la Política de Privacidad",
+	"pages.administration.school.index.schoolPolicy.delete.title": "Borrar la Política de Privacidad",
+	"pages.administration.school.index.schoolPolicy.delete.text": "Si borra este archivo, se utilizará automáticamente la Política de Privacidad por defecto.",
+	"pages.administration.school.index.schoolPolicy.delete.success": "El archivo de Política de Privacidad se ha eliminado correctamente.",
 	"pages.administration.school.index.schoolPolicy.success": "El nuevo archivo se ha cargado correctamente.",
 	"pages.administration.school.index.schoolPolicy.replace": "Sustituir",
 	"pages.administration.school.index.schoolPolicy.cancel": "Cancelar",
-	"pages.administration.school.index.schoolPolicy.uploadedOn": "Subido el {date}",
+	"pages.administration.school.index.schoolPolicy.uploadedOn": "Subido {date}",
 	"pages.administration.school.index.schoolPolicy.notUploadedYet": "Aún no se ha cargado",
 	"pages.administration.school.index.schoolPolicy.fileName": "Política de Privacidad de la escuela",
 	"pages.administration.school.index.schoolPolicy.longText.willReplaceAndSendConsent": "La nueva Política de Privacidad sustituirá irremediablemente a la anterior y se presentará a todos los usuarios de esta escuela para su aprobación.",
@@ -703,10 +707,13 @@
 	"pages.administration.school.index.termsOfUse.validation.fileTooBig": "El archivo pesa más de 4 MB. Por favor, reduzca el tamaño del archivo",
 	"pages.administration.school.index.termsOfUse.validation.notPdf": "Este formato de archivo no es compatible. Utilice sólo PDF",
 	"pages.administration.school.index.termsOfUse.error": "Se ha producido un error al cargar la Condiciones de Uso",
+	"pages.administration.school.index.termsOfUse.delete.title": "Borrar las Condiciones de Uso",
+	"pages.administration.school.index.termsOfUse.delete.text": "Si borra este archivo, se utilizarán automáticamente las Condiciones de Uso por defecto.",
+	"pages.administration.school.index.termsOfUse.delete.success": "El archivo de condiciones de uso se ha eliminado correctamente.",
 	"pages.administration.school.index.termsOfUse.success": "El nuevo archivo se ha cargado correctamente.",
 	"pages.administration.school.index.termsOfUse.replace": "Sustituir",
 	"pages.administration.school.index.termsOfUse.cancel": "Cancelar",
-	"pages.administration.school.index.termsOfUse.uploadedOn": "Subido el {date}",
+	"pages.administration.school.index.termsOfUse.uploadedOn": "Subido {date}",
 	"pages.administration.school.index.termsOfUse.notUploadedYet": "Aún no se ha cargado",
 	"pages.administration.school.index.termsOfUse.fileName": "Condiciones de Uso de la escuela",
 	"pages.administration.school.index.termsOfUse.longText.willReplaceAndSendConsent": "La nueva Condiciones de Uso sustituirá irremediablemente a la anterior y se presentará a todos los usuarios de esta escuela para su aprobación.",
diff --git a/src/locales/uk.json b/src/locales/uk.json
index f3b6c10955..e1fd7559ca 100644
--- a/src/locales/uk.json
+++ b/src/locales/uk.json
@@ -15,6 +15,7 @@
 	"common.actions.ok": "ОК",
 	"common.action.publish": "Опублікувати",
 	"common.actions.remove": "Вилучити",
+	"common.actions.delete": "Видалити",
 	"common.actions.save": "Зберегти",
 	"common.actions.share": "Поділіться",
 	"common.actions.shareCourse": "Копія котирування акцій",
@@ -678,6 +679,9 @@
 	"pages.administration.school.index.schoolPolicy.validation.fileTooBig": "Розмір файлу перевищує 4 МБ. Будь ласка, зменшіть розмір файлу",
 	"pages.administration.school.index.schoolPolicy.validation.notPdf": "Цей формат файлу не підтримується. Будь ласка, використовуйте тільки PDF",
 	"pages.administration.school.index.schoolPolicy.error": "Виникла помилка під час завантаження політики конфіденційності",
+	"pages.administration.school.index.schoolPolicy.delete.title": "Видалити політику конфіденційності",
+	"pages.administration.school.index.schoolPolicy.delete.text": "Якщо ви видалите цей файл, буде автоматично застосована Політика конфіденційності за замовчуванням.",
+	"pages.administration.school.index.schoolPolicy.delete.success": "Файл Політики конфіденційності успішно видалено.",
 	"pages.administration.school.index.schoolPolicy.success": "Новий файл успішно завантажено.",
 	"pages.administration.school.index.schoolPolicy.replace": "Замінити",
 	"pages.administration.school.index.schoolPolicy.cancel": "Скасувати",
@@ -692,6 +696,9 @@
 	"pages.administration.school.index.termsOfUse.validation.fileTooBig": "Розмір файлу перевищує 4 МБ. Будь ласка, зменшіть розмір файлу",
 	"pages.administration.school.index.termsOfUse.validation.notPdf": "Цей формат файлу не підтримується. Будь ласка, використовуйте тільки PDF",
 	"pages.administration.school.index.termsOfUse.error": "Виникла помилка під час завантаження Умови використання",
+	"pages.administration.school.index.termsOfUse.delete.title": "Видалити Умови використання",
+	"pages.administration.school.index.termsOfUse.delete.text": "Якщо ви видалите цей файл, будуть автоматично застосовані Умови використання за замовчуванням.",
+	"pages.administration.school.index.termsOfUse.delete.success": "Файл Умов використання успішно видалено.",
 	"pages.administration.school.index.termsOfUse.success": "Новий файл успішно завантажено.",
 	"pages.administration.school.index.termsOfUse.replace": "Замінити",
 	"pages.administration.school.index.termsOfUse.cancel": "Скасувати",
diff --git a/src/store/privacy-policy.ts b/src/store/privacy-policy.ts
index 00744deb87..d41c883adf 100644
--- a/src/store/privacy-policy.ts
+++ b/src/store/privacy-policy.ts
@@ -106,4 +106,22 @@ export default class PrivacyPolicyModule extends VuexModule {
 			this.setStatus("error");
 		}
 	}
+
+	@Action
+	async deletePrivacyPolicy(): Promise<void> {
+		try {
+			this.resetBusinessError();
+			this.setStatus("pending");
+
+			if (this.privacyPolicy) {
+				await $axios.delete(`/v1/consentVersions/${this.privacyPolicy._id}`);
+			}
+
+			this.setPrivacyPolicy(null);
+			this.setStatus("completed");
+		} catch (error) {
+			this.setBusinessError(error as BusinessError);
+			this.setStatus("error");
+		}
+	}
 }
diff --git a/src/store/privacy-policy.unit.ts b/src/store/privacy-policy.unit.ts
index 1536dc93cc..9113c6dc69 100644
--- a/src/store/privacy-policy.unit.ts
+++ b/src/store/privacy-policy.unit.ts
@@ -10,17 +10,27 @@ import { BusinessError } from "@/store/types/commons";
 let receivedRequests: any[] = [];
 let getRequestReturn: any = {};
 
-const axiosInitializer = () => {
+const axiosInitializer = (error?: boolean) => {
 	initializeAxios({
 		get: async (path: string) => {
+			if (error) {
+				throw new Error("expected error");
+			}
+
 			receivedRequests.push({ path });
 			return getRequestReturn;
 		},
 		post: async (path: string) => {
+			if (error) {
+				throw new Error("expected error");
+			}
 			receivedRequests.push({ path });
 			return getRequestReturn;
 		},
 		delete: async (path: string) => {
+			if (error) {
+				throw new Error("expected error");
+			}
 			receivedRequests.push({ path });
 			return getRequestReturn;
 		},
@@ -149,6 +159,78 @@ describe("privacy policy module", () => {
 				expect(policyModule.privacyPolicy).toBe(getRequestReturn.data);
 			});
 		});
+
+		describe("deletePrivacyPolicy", () => {
+			it("should call backend and set correct state", async () => {
+				const policyModule = new PrivacyPolicyModule({});
+
+				policyModule.privacyPolicy = {
+					_id: "123",
+					schoolId: "333",
+					title: "sometitle",
+					consentText: "",
+					publishedAt: "somedate",
+					createdAt: "somedate",
+					updatedAt: "somedate",
+					consentTypes: ["privacy"],
+					consentData: {
+						_id: "999",
+						schoolId: "333",
+						createdAt: "someotherdate",
+						updatedAt: "someotherdate",
+						fileType: "pdf",
+						fileName: "somefilename",
+						data: "data:application/pdf;base64,SOMEFILEDATA",
+					},
+				};
+
+				const setPrivacyPolicySpy = jest.spyOn(
+					policyModule,
+					"setPrivacyPolicy"
+				);
+				const setStatusSpy = jest.spyOn(policyModule, "setStatus");
+
+				await policyModule.deletePrivacyPolicy();
+
+				expect(receivedRequests.length).toBe(1);
+				expect(receivedRequests[0].path).toBe("/v1/consentVersions/123");
+				expect(setStatusSpy).toHaveBeenCalledWith("pending");
+				expect(setStatusSpy).toHaveBeenCalledWith("completed");
+				expect(setPrivacyPolicySpy).toHaveBeenCalledWith(null);
+				expect(policyModule.privacyPolicy).toBe(null);
+			});
+		});
+
+		it("should catch error and set correct state", async () => {
+			axiosInitializer(true);
+			const policyModule = new PrivacyPolicyModule({});
+
+			const policyToSet: ConsentVersion = {
+				_id: "123",
+				schoolId: "333",
+				title: "sometitle",
+				consentText: "",
+				publishedAt: "somedate",
+				createdAt: "somedate",
+				updatedAt: "somedate",
+				consentTypes: ["privacy"],
+				consentData: {
+					_id: "999",
+					schoolId: "333",
+					createdAt: "someotherdate",
+					updatedAt: "someotherdate",
+					fileType: "pdf",
+					fileName: "somefilename",
+					data: "data:application/pdf;base64,SOMEFILEDATA",
+				},
+			};
+
+			policyModule.setPrivacyPolicy(policyToSet);
+			await policyModule.deletePrivacyPolicy();
+
+			expect(policyModule.getBusinessError).not.toBe(null);
+			expect(policyModule.getStatus).toBe("error");
+		});
 	});
 
 	describe("mutations", () => {
diff --git a/src/store/terms-of-use.ts b/src/store/terms-of-use.ts
index 50fe43bf90..2a02873736 100644
--- a/src/store/terms-of-use.ts
+++ b/src/store/terms-of-use.ts
@@ -104,4 +104,22 @@ export default class TermsOfUseModule extends VuexModule {
 			this.setStatus("error");
 		}
 	}
+
+	@Action
+	async deleteTermsOfUse(): Promise<void> {
+		try {
+			this.resetBusinessError();
+			this.setStatus("pending");
+
+			if (this.termsOfUse) {
+				await $axios.delete(`/v1/consentVersions/${this.termsOfUse._id}`);
+			}
+
+			this.setTermsOfUse(null);
+			this.setStatus("completed");
+		} catch (error) {
+			this.setBusinessError(error as BusinessError);
+			this.setStatus("error");
+		}
+	}
 }
diff --git a/src/store/terms-of-use.unit.ts b/src/store/terms-of-use.unit.ts
index b302fabf1f..b6444ad396 100644
--- a/src/store/terms-of-use.unit.ts
+++ b/src/store/terms-of-use.unit.ts
@@ -10,17 +10,27 @@ import { BusinessError } from "@/store/types/commons";
 let receivedRequests: any[] = [];
 let getRequestReturn: any = {};
 
-const axiosInitializer = () => {
+const axiosInitializer = (error?: boolean) => {
 	initializeAxios({
 		get: async (path: string) => {
+			if (error) {
+				throw new Error("expected error");
+			}
+
 			receivedRequests.push({ path });
 			return getRequestReturn;
 		},
 		post: async (path: string) => {
+			if (error) {
+				throw new Error("expected error");
+			}
 			receivedRequests.push({ path });
 			return getRequestReturn;
 		},
 		delete: async (path: string) => {
+			if (error) {
+				throw new Error("expected error");
+			}
 			receivedRequests.push({ path });
 			return getRequestReturn;
 		},
@@ -143,6 +153,74 @@ describe("terms of use module", () => {
 				expect(termsOfUseModule.termsOfUse).toBe(getRequestReturn.data);
 			});
 		});
+
+		describe("deleteTermsOfUse", () => {
+			it("should call backend and set correct state", async () => {
+				const termsOfUseModule = new TermsOfUseModule({});
+
+				termsOfUseModule.termsOfUse = {
+					_id: "123",
+					schoolId: "333",
+					title: "sometitle",
+					consentText: "",
+					publishedAt: "somedate",
+					createdAt: "somedate",
+					updatedAt: "somedate",
+					consentTypes: ["termsOfUse"],
+					consentData: {
+						_id: "999",
+						schoolId: "333",
+						createdAt: "someotherdate",
+						updatedAt: "someotherdate",
+						fileType: "pdf",
+						fileName: "somefilename",
+						data: "data:application/pdf;base64,SOMEFILEDATA",
+					},
+				};
+
+				const setTermsOfUseSpy = jest.spyOn(termsOfUseModule, "setTermsOfUse");
+				const setStatusSpy = jest.spyOn(termsOfUseModule, "setStatus");
+
+				await termsOfUseModule.deleteTermsOfUse();
+
+				expect(receivedRequests.length).toBe(1);
+				expect(receivedRequests[0].path).toBe("/v1/consentVersions/123");
+				expect(setStatusSpy).toHaveBeenCalledWith("pending");
+				expect(setStatusSpy).toHaveBeenCalledWith("completed");
+				expect(setTermsOfUseSpy).toHaveBeenCalledWith(null);
+				expect(termsOfUseModule.termsOfUse).toBe(null);
+			});
+
+			it("should catch error and set correct state", async () => {
+				axiosInitializer(true);
+				const termsOfUseModule = new TermsOfUseModule({});
+
+				const termsToSet: ConsentVersion = {
+					_id: "123",
+					schoolId: "333",
+					title: "sometitle",
+					consentText: "",
+					publishedAt: "somedate",
+					createdAt: "somedate",
+					updatedAt: "somedate",
+					consentTypes: ["termsOfUse"],
+					consentData: {
+						_id: "999",
+						schoolId: "333",
+						createdAt: "someotherdate",
+						updatedAt: "someotherdate",
+						fileType: "pdf",
+						fileName: "somefilename",
+						data: "data:application/pdf;base64,SOMEFILEDATA",
+					},
+				};
+				termsOfUseModule.setTermsOfUse(termsToSet);
+				await termsOfUseModule.deleteTermsOfUse();
+
+				expect(termsOfUseModule.getBusinessError).not.toBe(null);
+				expect(termsOfUseModule.getStatus).toBe("error");
+			});
+		});
 	});
 
 	describe("mutations", () => {