feat: 1580 list favorite activities for consep

backend/src/main/java/ca/bc/gov/backendstartapi/dto/FavouriteActivityCreateDto.java

@@ -10,4 +10,7 @@
  * @param activity The activity or page name
  */
 @Schema(description = "An object representing the request body when creating a favourite activity")
-public record FavouriteActivityCreateDto(@NotNull String activity) {}
+public record FavouriteActivityCreateDto(
+        @NotNull String activity,
+    @Schema(description = "Indicates whether this activity is from Consep", defaultValue = "false")
+        Boolean isConsep) {}

backend/src/main/java/ca/bc/gov/backendstartapi/endpoint/FavouriteActivityEndpoint.java

@@ -53,7 +53,7 @@ public class FavouriteActivityEndpoint {
       description =
           """
           Creates a Favourite Activity to the logged user based on the activity
-          title or page name.
+          title or page name, with an optional isConsep flag.
           """)
   @ApiResponses(
       value = {

backend/src/main/java/ca/bc/gov/backendstartapi/entity/FavouriteActivityEntity.java

@@ -53,6 +53,12 @@ public class FavouriteActivityEntity {
   @Column(name = "update_timestamp")
   private LocalDateTime updateTimestamp;
 
+  @Column(name = "is_consep", nullable = false, columnDefinition = "BOOLEAN DEFAULT FALSE")
+  @Schema(
+      description = "Defines if the favourite activity is a CONSEP activity",
+      example = "false")
+  private Boolean isConsep = false;
+
   public FavouriteActivityEntity() {
     this.highlighted = false;
   }

backend/src/main/java/ca/bc/gov/backendstartapi/service/FavouriteActivityService.java

@@ -60,6 +60,8 @@ public FavouriteActivityEntity createUserActivity(FavouriteActivityCreateDto act
     activityEntity.setUserId(userId);
     activityEntity.setActivity(activityDto.activity());
 
+    activityEntity.setIsConsep(activityDto.isConsep() != null ? activityDto.isConsep() : false);
+
     FavouriteActivityEntity activityEntitySaved = favouriteActivityRepository.save(activityEntity);
     SparLog.info("Activity {} created for user {}", activityDto.activity(), userId);
     return activityEntitySaved;

backend/src/main/resources/db/migration/V47__add_col_to_favourite_activity.sql

@@ -0,0 +1,4 @@
+ALTER TABLE
+  spar.favourite_activity
+ADD
+  COLUMN is_consep BOOLEAN DEFAULT FALSE NOT NULL;

backend/src/test/java/ca/bc/gov/backendstartapi/service/FavouriteActivityServiceTest.java

@@ -49,7 +49,8 @@ void createUserActivityTest() {
     entity.setHighlighted(Boolean.FALSE);
     when(favouriteActivityRepository.save(any())).thenReturn(entity);
 
-    FavouriteActivityCreateDto createDto = new FavouriteActivityCreateDto("CREATE_A_CLASS_SEEDLOT");
+    FavouriteActivityCreateDto createDto = 
+        new FavouriteActivityCreateDto("CREATE_A_CLASS_SEEDLOT", false);
     FavouriteActivityEntity entitySaved = favouriteActivityService.createUserActivity(createDto);
 
     Assertions.assertNotNull(entitySaved);
@@ -67,7 +68,7 @@ void createUserActivityExceptionTest() {
     entity.setHighlighted(Boolean.FALSE);
     when(favouriteActivityRepository.save(any())).thenReturn(entity);
 
-    FavouriteActivityCreateDto createDto = new FavouriteActivityCreateDto(null);
+    FavouriteActivityCreateDto createDto = new FavouriteActivityCreateDto(null, false);
 
     Exception notFoundExc =
         Assertions.assertThrows(
@@ -81,7 +82,7 @@ void createUserActivityExceptionTest() {
     when(favouriteActivityRepository.findAllByUserId(any())).thenReturn(userFavList);
 
     FavouriteActivityCreateDto createAnotherDto =
-        new FavouriteActivityCreateDto("CREATE_A_CLASS_SEEDLOT");
+        new FavouriteActivityCreateDto("CREATE_A_CLASS_SEEDLOT", false);
 
     Exception activityExists =
         Assertions.assertThrows(

frontend/src/components/Card/FavouriteCard/index.tsx

@@ -90,7 +90,7 @@ const FavouriteCard = ({
 
   return (
     <Tile
-      className={favObject.highlighted ? 'fav-card-main-highlighted' : 'fav-card-main'}
+      className={`${favObject.highlighted ? 'fav-card-main-highlighted' : 'fav-card-main'} ${favObject.isConsep ? 'fav-card-main-consep' : 'fav-card-main-spar'}`}
       onClick={() => navigate(favObject.link)}
       tabIndex={0}
       aria-label={`Go to ${favObject.header}`}

frontend/src/components/Card/FavouriteCard/styles.scss

@@ -35,7 +35,6 @@
   align-items: flex-start;
   padding: 1.25rem 1rem;
   margin: 0.5rem;
-  width: 14.625rem;
   height: 9.875rem;
   background: var(--#{vars.$bcgov-prefix}-layer-02);
   border: 1px solid var(--#{vars.$bcgov-prefix}-border-subtle-02);
@@ -50,6 +49,14 @@
   cursor: pointer;
 }
 
+.fav-card-main-spar {
+  width: 14.625rem;
+}
+
+.fav-card-main-consep {
+  width: 18.281rem;
+}
+
 .fav-card-content {
   display: inline-block;
   margin-top: auto;

frontend/src/components/FavouriteActivities/index.tsx

@@ -18,7 +18,11 @@ import useWindowSize from '../../hooks/UseWindowSize';
 import './styles.scss';
 import { MEDIUM_SCREEN_WIDTH } from '../../shared-constants/shared-constants';
 
-const FavouriteActivities = () => {
+interface FavouriteActivitiesProps {
+  isConsep: boolean;
+}
+
+const FavouriteActivities = ({ isConsep }: FavouriteActivitiesProps) => {
   const windowSize = useWindowSize();
 
   const favActQueryKey = ['favourite-activities'];
@@ -32,9 +36,11 @@ const FavouriteActivities = () => {
     <Row
       className={
         `favourite-activities ${windowSize.innerWidth < MEDIUM_SCREEN_WIDTH
-          ? 'favourite-activities-sm-padding' : 'favourite-activities-padding'}`
+          ? 'favourite-activities-sm-padding' : 'favourite-activities-padding'} 
+          ${!isConsep && 'favourite-activities-with-background'}`
       }
     >
+      {!isConsep && (
       <Column sm={4} md={8} lg={16} xlg={4} className="favourite-activities-title">
         <h2>My favourite activities</h2>
         <Subtitle text="Quick access to your favourite activities." className="favourite-activities-subtitle" />
@@ -48,7 +54,9 @@ const FavouriteActivities = () => {
           </button>
         </Tooltip>
       </Column>
-      <Column sm={4} md={8} lg={16} xlg={12} className="favourite-activities-cards">
+      )}
+
+      <Column sm={4} md={8} lg={16} xlg={isConsep ? 16 : 12} className="favourite-activities-cards">
         <Row>
           {
             favActQuery.isLoading
@@ -71,11 +79,14 @@ const FavouriteActivities = () => {
                     description="You can favourite your most used
                     activities by clicking on the heart icon inside each page"
                   />
-                ) : favActQuery.data.map((favObject) => (
-                  <FavouriteCard
-                    key={favObject.type}
-                    favObject={favObject}
-                  />
+                ) : favActQuery.data.filter((fav) => fav.isConsep === isConsep).map((favObject) => (
+                  <Column>
+                    <FavouriteCard
+                      key={favObject.type}
+                      favObject={favObject}
+                    />
+                  </Column>
+
                 ))
             )
           }

frontend/src/components/FavouriteActivities/styles.scss

@@ -3,8 +3,6 @@
 @use '@carbon/type';
 
 .favourite-activities {
-  background-color: var(--#{vars.$bcgov-prefix}-layer-01);
-
   .favourite-activities-title {
     h2 {
       @include type.type-style('heading-03');
@@ -59,3 +57,7 @@
 .favourite-activities-padding{
   padding: 2rem;
 }
+
+.favourite-activities-with-background {
+  background-color: var(--#{vars.$bcgov-prefix}-layer-01);
+}

frontend/src/components/PageTitle/index.tsx

@@ -19,13 +19,15 @@ interface PageTitleProps {
   subtitle?: string | React.ReactNode;
   enableFavourite?: boolean;
   activity?: string;
+  isConsep?: boolean;
 }
 
 const PageTitle = ({
   title,
   subtitle,
   enableFavourite,
-  activity
+  activity,
+  isConsep = false
 }: PageTitleProps) => {
   const favActQueryKey = ['favourite-activities'];
   const queryClient = useQueryClient();
@@ -38,18 +40,20 @@ const PageTitle = ({
   const highlightFavAct = useMutation({
     mutationFn: (actObj: FavActivityPostType) => postFavAct(actObj),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: favActQueryKey });
+      queryClient.invalidateQueries(favActQueryKey);
     }
   });
 
   const removeFavAct = useMutation({
     mutationFn: (id: number) => deleteFavAct(id),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: favActQueryKey });
+      queryClient.invalidateQueries(favActQueryKey);
     }
   });
 
-  const thisFavAct = favActQuery?.data?.filter((act) => act.type === activity)[0];
+  const thisFavAct = favActQuery?.data?.filter(
+    (act) => act.type === activity && act.isConsep === isConsep
+  )[0];
 
   const isFavourited = thisFavAct !== undefined;