7546 - Add initial placeholder in VC BoK dialog

src/core/i18n/en/translation.en.json

@@ -3064,6 +3064,7 @@
     },
     "name": "Name",
     "bodyOfKnowledge": "Body Of Knowledge",
+    "placeholder": "Here you'll find a collection of documents and texts that are ingested to give this VC its insights and functionality.",
     "infoTextBoK": "Select the Subspace you want as a body of knowledge for this Virtual Contributor",
     "noSubspacesInfo": "Create a Subspace first, and populate it with the relevant information for your Virtual Contributor.",
     "confirmDeletion": {

src/domain/community/virtualContributor/knowledgeBase/KnowledgeBaseDialog.tsx

@@ -18,11 +18,12 @@ type KnowledgeBaseDialogProps = {
   onClose: () => void;
   title: string;
   id: string;
+  placeholder: string;
 };
 
 const AVAILABLE_CALLOUT_TYPES = [CalloutType.Post, CalloutType.LinkCollection, CalloutType.PostCollection];
 
-const KnowledgeBaseDialog = ({ onClose, title, id }: KnowledgeBaseDialogProps) => {
+const KnowledgeBaseDialog = ({ onClose, title, id, placeholder }: KnowledgeBaseDialogProps) => {
   const { t } = useTranslation();
   const {
     calloutsSetId,
@@ -37,6 +38,7 @@ const KnowledgeBaseDialog = ({ onClose, title, id }: KnowledgeBaseDialogProps) =
     ingestKnowledge,
     ingestLoading,
     hasReadAccess,
+
     loadingPrivileges,
   } = useKnowledgeBase({ id });
 
@@ -60,9 +62,9 @@ const KnowledgeBaseDialog = ({ onClose, title, id }: KnowledgeBaseDialogProps) =
         ) : (
           <StorageConfigContextProvider locationType="virtualContributor" virtualContributorId={id}>
             <Gutters disablePadding>
-              {(knowledgeBaseDescription || canCreateCallout) && (
+              {(placeholder || knowledgeBaseDescription || canCreateCallout) && (
                 <DescriptionComponent
-                  description={knowledgeBaseDescription}
+                  description={knowledgeBaseDescription || placeholder}
                   canEdit={canCreateCallout}
                   onUpdate={updateDescription}
                 />

src/domain/community/virtualContributor/vcProfilePage/VCProfileContentView.tsx

@@ -145,6 +145,7 @@ export const VCProfileContentView = ({
         <KnowledgeBaseDialog
           id={virtualContributor?.id ?? ''}
           title={`${name}: ${t('virtualContributorSpaceSettings.bodyOfKnowledge')}`}
+          placeholder={t('virtualContributorSpaceSettings.placeholder')}
           onClose={onCloseKnowledgeBase}
         />
       )}