Prevent translation rows from being edited before existing values are…

… loaded (directus#6173) Fixes directus#6094
baranelitez · Jun 9, 2021 · 1f2bce9 · 1f2bce9
1 parent e9a8850
commit 1f2bce9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/src/interfaces/translations/translations.vue b/app/src/interfaces/translations/translations.vue
@@ -1,5 +1,5 @@
 <template>
-	<div v-if="languagesLoading">
+	<div v-if="languagesLoading || previewLoading">
 		<v-skeleton-loader v-for="n in 5" :key="n" />
 	</div>
 
@@ -93,7 +93,7 @@ export default defineComponent({
 
 		const { languages, loading: languagesLoading, template: internalLanguageTemplate } = useLanguages();
 		const { startEditing, editing, edits, stageEdits, cancelEdit } = useEdits();
-		const { previewItems, template: internalTranslationsTemplate } = usePreview();
+		const { previewItems, template: internalTranslationsTemplate, loading: previewLoading } = usePreview();
 
 		return {
 			relationsForField,
@@ -113,6 +113,7 @@ export default defineComponent({
 			cancelEdit,
 			edits,
 			previewItems,
+			previewLoading,
 		};
 
 		function useRelations() {