Fix collections and projects slug (#2911)

Author: joanagmaia

Diff for: frontend/src/modules/admin/modules/collections/components/lf-collection-add.vue

@@ -182,6 +182,7 @@ const onSubmit = () => {
       starred: project?.starred || false,
     })),
     isLF: true,
+    slug: form.name.toLowerCase().replace(/ /g, '-'),
   };
   if (isEditForm.value) {
     handleCollectionUpdate(request);

Diff for: frontend/src/modules/admin/modules/collections/components/lf-insights-projects-list-dropdown.vue

@@ -39,7 +39,7 @@
             @click="onOptionClick(project)"
           >
             <lf-avatar
-              :src="project.url"
+              :src="project.logoUrl"
               :name="project.name"
               :size="24"
               class="!rounded-md border border-gray-200"

Diff for: frontend/src/modules/admin/modules/collections/models/collection.model.ts

@@ -4,6 +4,7 @@ export interface CollectionModel {
   id: string;
   name: string;
   description: string;
+  slug: string;
   isLF: boolean;
   projects: InsightsProjectModel[];
 }

Diff for: frontend/src/modules/admin/modules/insights-projects/components/lf-insights-project-add.vue

@@ -159,6 +159,7 @@ const initialFormState: InsightsProjectAddFormModel = {
   name: '',
   description: '',
   logoUrl: '',
+  slug: '',
   collectionsIds: [],
   organizationId: undefined,
   organization: {
@@ -258,7 +259,10 @@ const onSubmit = () => {
 };
 
 const handleCreate = () => {
-  const request = buildRequest(form);
+  const request = buildRequest({
+    ...form,
+    slug: form.name.toLowerCase().replace(/ /g, '-'),
+  });
   Message.info(null, {
     title: 'Insights project is being created',
   });

Diff for: frontend/src/modules/admin/modules/insights-projects/models/insights-project-add-form.model.ts

@@ -5,6 +5,7 @@ export interface InsightsProjectAddFormModel {
   logoUrl: string;
   collectionsIds: string[];
   organizationId: string | undefined;
+  slug: string;
   organization: {
     id: string | undefined;
     displayName: string;
@@ -14,11 +15,7 @@ export interface InsightsProjectAddFormModel {
   github: string;
   twitter: string;
   linkedin: string;
-  repositories: {
-    url: string;
-    enabled: boolean;
-    platforms: string[];
-  }[];
+  repositories: string[];
   widgets: {
     [key: string]: boolean;
   };

Diff for: frontend/src/modules/admin/modules/insights-projects/models/insights-project.model.ts

@@ -2,6 +2,7 @@ import { CollectionModel } from '../../collections/models/collection.model';
 
 export interface InsightsProjectModel {
   id: string;
+  slug: string;
   segmentId: string;
   segment: {
     id: string;
@@ -23,10 +24,6 @@ export interface InsightsProjectModel {
   linkedin: string;
   starred: boolean;
   enabled: boolean;
-  repositories: {
-    url: string;
-    enabled: boolean;
-    platforms: string[];
-  }[];
+  repositories: string[];
   widgets: string[];
 }

Diff for: services/libs/data-access-layer/src/collections/index.ts

@@ -105,8 +105,8 @@ export async function createCollection(
 ): Promise<ICollection> {
   return qx.selectOne(
     `
-      INSERT INTO collections (name, description, "isLF")
-      VALUES ($(name), $(description), $(isLF))
+      INSERT INTO collections (name, description, "isLF", slug)
+      VALUES ($(name), $(description), $(isLF), $(slug))
       RETURNING *
     `,
     collection,
@@ -137,6 +137,7 @@ export enum InsightsProjectField {
   TWITTER = 'twitter',
   WIDGETS = 'widgets',
   REPOSITORIES = 'repositories',
+  SLUG = 'slug',
 }
 
 export async function queryInsightsProjects<T extends InsightsProjectField>(