community: handle unstable flag

dashboard/src/components/CommunityAppDialog.vue

@@ -14,6 +14,7 @@ const form = useTemplateRef('form');
 const formError = ref({});
 const versionsUrl = ref('');
 const busy = ref(false);
+const unstable = ref(false);
 
 const isFormValid = ref(false);
 function validateForm() {
@@ -34,8 +35,10 @@ async function onSubmit() {
     return console.error(error);
   }
 
+  unstable.value = !!result.unstable;
+
   const packageData = {
-    ...result, // { manifest, publishState, creationDate, ts, versionsUrl }
+    ...result, // { manifest, publishState, creationDate, ts, unstable, versionsUrl }
     versionsUrl: result.versionsUrl,
     iconUrl: result.manifest.iconUrl // compat with app store format
   };
@@ -50,6 +53,7 @@ defineExpose({
   open() {
     versionsUrl.value = '';
     formError.value = {};
+    unstable.value = false;
     dialog.value.open();
   }
 });
@@ -72,6 +76,7 @@ defineExpose({
         <input type="submit" style="display: none;" />
 
         <div class="warning-label">{{ $t('communityapp.installwarning') }}</div>
+        <div class="error-label" v-if="unstable">{{ $t('communityapp.unstablewarning') }}</div>
 
         <FormGroup>
           <label for="urlInput">CloudronVersions.json URL</label>