Add conditional rendering for alert info in ImportModal and ShareModal

hpi-schul-cloud · Dec 18, 2024 · e2182f9 · e2182f9
1 parent 02cbde9
commit e2182f9
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/src/components/share/ImportModal.vue b/src/components/share/ImportModal.vue
@@ -18,7 +18,10 @@
 
 		<template #content>
 			<div>
-				<div class="d-flex flex-row pa-2 mb-4 rounded bg-blue-lighten-5">
+				<div
+					class="d-flex flex-row pa-2 mb-4 rounded bg-blue-lighten-5"
+					v-if="showAlertInfo"
+				>
 					<div class="mx-2">
 						<v-icon color="info" :icon="mdiInformation" />
 					</div>
@@ -138,4 +141,12 @@ const showCtlToolsInfo = computed(() => {
 		(props.parentType === "courses" || props.parentType === "columnBoard")
 	);
 });
+
+const showAlertInfo = computed(() => {
+	return (
+		props.parentType === "courses" ||
+		props.parentType === "columnBoard" ||
+		props.parentType === "lessons"
+	);
+});
 </script>
diff --git a/src/components/share/ShareModal.vue b/src/components/share/ShareModal.vue
@@ -21,7 +21,10 @@
 					<p data-testid="share-options-info-text">
 						{{ t(`components.molecules.share.${type}.options.infoText`) }}
 					</p>
-					<div class="d-flex flex-row pa-2 mb-4 rounded bg-blue-lighten-5">
+					<div
+						class="d-flex flex-row pa-2 mb-4 rounded bg-blue-lighten-5"
+						v-if="showAlertInfo"
+					>
 						<div class="mx-2">
 							<v-icon color="info" :icon="mdiInformation" />
 						</div>
@@ -195,4 +198,12 @@ const showCtlToolsInfo = computed(() => {
 		(props.type === "courses" || props.type === "columnBoard")
 	);
 });
+
+const showAlertInfo = computed(() => {
+	return (
+		props.type === "courses" ||
+		props.type === "columnBoard" ||
+		props.type === "lessons"
+	);
+});
 </script>