@flower-city-online/itinerary-lib 0.0.32 → 0.0.34

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/friend-requests/friend-requests.component.ts

@@ -1,55 +0,0 @@
-import { Location } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { Subscription } from 'rxjs';  
-import { Iicon } from '../../../../../_interface/icon';
-import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
-import { ICONS } from '../../../../../_constants/constants';
-import { AssetsService } from '../../../../../_services/assets.service';
-@Component({
-    selector: 'app-friend-requests',
-    templateUrl: './friend-requests.component.html',
-    styleUrl: './friend-requests.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class FriendRequestsComponent implements OnInit, OnDestroy {
-  ICONS: Iicon = ICONS;
-  itineraryMembers: IItineraryMember[] = [];
-  loading: boolean = false;
-  subscription!: Subscription;
-
-  constructor(
-    private _location: Location,
-    private assetService: AssetsService,
-    private cdr: ChangeDetectorRef,
-  ) {}
-  ngOnInit(): void {
-    this.getTotalItineraryMembers();
-  }
-
-  //UI LOGIC
-  getTotalItineraryMembers(): void {
-    this.loading = true;
-    this.subscription = this.assetService.getMembers().subscribe((data) => {
-      this.itineraryMembers = data;
-      this.loading = false;
-      this.cdr.detectChanges();
-    });
-  }
-  handleSearchStringChange(_$event: string) {}
-  clear(): void {}
-
-  backButton(): void {
-    this._location.back();
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/itinerary-friends.component.html

@@ -1,6 +0,0 @@
-<div class="z-auto pr-3 pl-3">
-  <div class="pb-4">
-    <app-header heading="Friends" (firstButton)="backButton()"></app-header>
-  </div>
-  <app-existing-friends></app-existing-friends>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/itinerary-friends.component.ts

@@ -1,16 +0,0 @@
-import { Location } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-@Component({
-    selector: 'app-itinerary-friends',
-    templateUrl: './itinerary-friends.component.html',
-    styleUrl: './itinerary-friends.component.css',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class ItineraryFriendsComponent {
-  constructor(private _location: Location) {}
-  backButton(): void {
-    this._location.back();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/list-friend-users/list-friend-users.component.css

@@ -1,8 +0,0 @@
-.interestedPeopleHeading {
-  font-family: "Calistoga";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 13.128px;
-  line-height: 160%;
-  color: #ffffff;
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/list-friend-users/list-friend-users.component.html

@@ -1,45 +0,0 @@
-<div class="ps-4 pe-4">
-  <app-header heading="Search For Friends" (firstButton)="backButton()"></app-header>
-
-  <lib-search-bar class="search-field" [placeholderText]="'Search people to invite' | translate"
-    (searchStringChange)="handleSearchStringChange($event)" (cleared)="clear()" (click)="navToSendRequest()"
-    [searchIcon]="ICONS['dashboardSearch']">
-  </lib-search-bar>
-
-  <h3 class="f-calistoga font-normal text-sm mt-4 mb-3">Suggested Requests</h3>
-
-  <ng-container *ngIf="loading">
-    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
-  </ng-container>
-
-  @if (!loading) {
-  <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-    <ng-container *ngFor="let i of friends; let idx = index">
-      <ng-template #request>
-        <div (click)="sendRequest(idx)" class="flex">
-          <img [src]="ICONS['invitePink']" alt="Invite label" />
-          <button class="pinkTextColor">Request</button>
-        </div>
-      </ng-template>
-
-      <ng-template #requested>
-        <div class="flex">
-          <img [src]="ICONS['userAdded']" alt="Invite label" />
-          <button class="pinkTextColor">Requested</button>
-        </div>
-      </ng-template>
-
-      <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
-        [sufixTemplate]="i.added ? requested : request"></app-user-tile>
-    </ng-container>
-  </div>
-  }
-
-  <!-- Separator Line -->
-  <div class="border-t border-gray-700 mt-2"></div>
-
-  <p class="interestedPeopleHeading mt-4">Requests Sent</p>
-
-  <app-user-stack-tile label="16 People" [images]="images" buttonText="View Requests"
-    (onClick)="navToFriendRequests()"></app-user-stack-tile>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/list-friend-users/list-friend-users.component.ts

@@ -1,86 +0,0 @@
-import { Location } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { Router } from '@angular/router';
-import { Subscription } from 'rxjs';  
-import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
-import { Iicon } from '../../../../../_interface/icon';
-import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
-import { CustomDropdownMenuService } from '../../../../../_services/custom-dropdown-menu.service';
-import { ModalService } from '../../../../../_services/modal.service';
-import { ICONS } from '../../../../../_constants/constants';
-import { AssetsService } from '../../../../../_services/assets.service';
-
-@Component({
-    selector: 'app-list-friend-users',
-    templateUrl: './list-friend-users.component.html',
-    styleUrl: './list-friend-users.component.css',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class ListFriendUsersComponent implements OnInit, OnDestroy {
-  ICONS: Iicon = ICONS;
-  friends: IItineraryMember[] = [];
-  images: string[] = [];
-  loading: boolean = false;
-  subscription!: Subscription;
-
-  constructor(
-    public customMenuList: CustomDropdownMenuService,
-    public modalService: ModalService,
-    private _location: Location,
-    private router: Router,
-    private assetService: AssetsService,
-    private cdr: ChangeDetectorRef,
-  ) {}
-
-  ngOnInit(): void {
-    this.getTotalItineraryMembers();
-  }
-
-  //UI LOGIC
-  handleSearchStringChange(_$event: string) {}
-  clear(): void {}
-
-  getTotalItineraryMembers() {
-    this.loading = true;
-    this.subscription = this.assetService.getMembers().subscribe((data) => {
-      this.friends = data;
-      this.images = this.friends.map((x) => x.memberPic);
-      this.loading = false;
-      this.cdr.detectChanges();
-    });
-  }
-
-  sendRequest(i: number): void {
-    this.friends[i].added = true;
-    this.cdr.detectChanges();
-  }
-
-  //NAVIGATIONS
-  navToSendRequest(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.SEND_FRIEND_REQUEST,
-    ]);
-  }
-  navToFriendRequests(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.FRIEND_REQUESTS,
-    ]);
-  }
-
-  backButton(): void {
-    this._location.back();
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/send-friend-request/send-friend-request.component.html

@@ -1,32 +0,0 @@
-<div class="pl-4 pr-4">
-  <app-header heading="Search for Friends" (firstButton)="backButton()"></app-header>
-  <lib-search-bar class="search-field" placeholderText="Search for Friends"
-    (searchStringChange)="handleSearchStringChange($event)" (cleared)="clear()" [searchIcon]="ICONS['dashboardSearch']">
-  </lib-search-bar>
-
-  <p class="interestedPeopleHeading mt-5">Results</p>
-
-  <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-    <ng-container *ngFor="let p of searched; let i = index">
-      <ng-template #inviteBtn>
-        <div (click)="invite(i)" class="flex">
-          <img [src]="ICONS['invitePink']" alt="Invite label" />
-          <button class="pinkTextColor">Invite</button>
-        </div>
-      </ng-template>
-      <ng-template #invitedBtn>
-        <div class="flex">
-          <img [src]="ICONS['userAdded']" lt="Invite label" />
-          <button class="pinkTextColor">Invited</button>
-        </div>
-      </ng-template>
-
-      <app-user-tile name="Send App and Itinerary Invite" [email]="p.memberEmail" [image]="p.memberPic"
-        [sufixTemplate]="p.added ? invitedBtn : inviteBtn"></app-user-tile>
-    </ng-container>
-  </div>
-
-  <div class="border-t border-gray-700 mt-2"></div>
-
-  <app-user-stack-tile label="17 People" buttonText="View Requests"></app-user-stack-tile>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/send-friend-request/send-friend-request.component.ts

@@ -1,69 +0,0 @@
-import { Location } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  OnInit,
-} from '@angular/core'; 
-import { Subscription } from 'rxjs'; 
-import { Iicon } from '../../../../../_interface/icon';
-import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
-import { ICONS } from '../../../../../_constants/constants';
-import { AssetsService } from '../../../../../_services/assets.service';
-@Component({
-    selector: 'app-send-friend-request',
-    templateUrl: './send-friend-request.component.html',
-    styleUrl: './send-friend-request.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class SendFriendRequestComponent implements OnInit {
-  ICONS: Iicon = ICONS;
-  loading: boolean = false;
-  subscription!: Subscription;
-  people: IItineraryMember[] = [];
-  searched: IItineraryMember[] = [];
-  images: string[] = [];
-
-  constructor(
-    private _location: Location,
-    private assetService: AssetsService,
-    private cdr: ChangeDetectorRef,
-  ) {}
-
-  ngOnInit(): void {
-    this.getTotalItineraryMembers();
-  }
-
-  //UI LOGIC
-  getTotalItineraryMembers() {
-    this.loading = true;
-    this.subscription = this.assetService.getMembers().subscribe((data) => {
-      this.searched = this.people = data;
-      this.images = this.people.map((x) => x.memberPic);
-      this.loading = false;
-      this.cdr.detectChanges();
-    });
-  }
-
-  handleSearchStringChange($event: string) {
-    if (!$event) {
-      this.searched = this.people;
-    } else {
-      this.searched = this.people.filter(
-        (x) =>
-          x.memberName.toLowerCase().includes($event.toLowerCase()) ||
-          x.memberName.toLowerCase().includes($event.toLowerCase()),
-      );
-    }
-  }
-  invite(i: number) {
-    this.people[i].added = true;
-  }
-  clear(): void {}
-
-  //NAVIGATIONS
-  backButton(): void {
-    this._location.back();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.component.html

@@ -1,61 +0,0 @@
-<div class="ps-4 pe-4">
-  <app-header heading="Invite People" (firstButton)="backButton()"></app-header>
-
-  <lib-search-bar class="search-field" [placeholderText]="'Search people to invite' | translate"
-    (searchStringChange)="handleSearchStringChange($event)" (cleared)="clear()" [searchIcon]="ICONS['dashboardSearch']">
-  </lib-search-bar>
-
-  <h3 class="f-calistoga font-normal text-sm mt-4">Friends</h3>
-
-  <ng-template #sufixAction>
-    <div (click)="navToInvite()" class="flex">
-      <img [src]="ICONS['invitePink']" alt="Invite label" />
-      <button class="pinkTextColor">Invite</button>
-    </div>
-  </ng-template>
-
-  <ng-container *ngIf="loading">
-    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
-  </ng-container>
-
-  <ng-container *ngIf="!loading">
-    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-      <ng-container *ngFor="let i of itineraryMembers">
-        <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
-          [sufixTemplate]="sufixAction"></app-user-tile>
-      </ng-container>
-    </div>
-  </ng-container>
-
-  <h3 class="f-calistoga font-normal text-sm mt-4">
-    People who might want to join this itinerary
-  </h3>
-
-  <ng-container *ngIf="loading">
-    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
-  </ng-container>
-
-  <ng-template #sufixAction2>
-    <div (click)="navToInvite()" class="flex">
-      <img [src]="ICONS['invitePink']" alt="Invite label" />
-      <button class="pinkTextColor">Invite</button>
-    </div>
-  </ng-template>
-
-  <ng-container *ngIf="!loading">
-    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-      <ng-container *ngFor="let i of itineraryMembers">
-        <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
-          [sufixTemplate]="sufixAction2"></app-user-tile>
-      </ng-container>
-    </div>
-  </ng-container>
-
-  <!-- Separator Line -->
-  <div class="border-t border-gray-700 mt-2"></div>
-
-  <p class="interestedPeopleHeading mt-3">Invites Sent</p>
-
-  <app-user-stack-tile label="16 People" [images]="images" buttonText="View Invites"
-    (onClick)="navToAllInvites()"></app-user-stack-tile>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.component.scss

@@ -1,8 +0,0 @@
-.interestedPeopleHeading {
-  font-family: "Calistoga";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 13.128px;
-  line-height: 160%;
-  color: #ffffff;
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.component.ts

@@ -1,80 +0,0 @@
-import { Location } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { Router } from '@angular/router';
-import { Subscription } from 'rxjs';  
-import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
-import { Iicon } from '../../../../../_interface/icon';
-import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
-import { CustomDropdownMenuService } from '../../../../../_services/custom-dropdown-menu.service';
-import { ModalService } from '../../../../../_services/modal.service';
-import { ICONS } from '../../../../../_constants/constants';
-import { AssetsService } from '../../../../../_services/assets.service';
-@Component({
-    selector: 'app-all-people',
-    templateUrl: './all-people.component.html',
-    styleUrl: './all-people.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class AllPeopleComponent implements OnInit, OnDestroy {
-  ICONS: Iicon = ICONS;
-  itineraryMembers: IItineraryMember[] = [];
-  images: string[] = [];
-  loading: boolean = false;
-  subscription!: Subscription;
-
-  constructor(
-    public customMenuList: CustomDropdownMenuService,
-    public modalService: ModalService,
-    private _location: Location,
-    private router: Router,
-    private assetService: AssetsService,
-    private cdr: ChangeDetectorRef,
-  ) {}
-
-  ngOnInit(): void {
-    this.getTotalItineraryMembers();
-  }
-
-  //UI LOGIC
-  handleSearchStringChange(_$event: string) {}
-
-  clear(): void {}
-  getTotalItineraryMembers() {
-    this.loading = true;
-    this.subscription = this.assetService.getMembers().subscribe((data) => {
-      this.itineraryMembers = data;
-      this.images = this.itineraryMembers.map((x) => x.memberPic);
-      this.loading = false;
-      this.cdr.detectChanges();
-    });
-  }
-
-  //NAVIGATIONS
-  navToInvite(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.SEND_INVITE,
-    ]);
-  }
-  navToAllInvites(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.ALL_INVITES_SENT,
-    ]);
-  }
-
-  backButton(): void {
-    this._location.back();
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/existing-members/existing-members.component.html

@@ -1,49 +0,0 @@
-<div class="relative min-h-screen">
-  <div class="z-auto">
-    <div class="pb-10">
-      <ng-container *ngIf="loading">
-        <lib-info-card-placeholder
-          [avatar]="true"
-          [count]="5"
-        ></lib-info-card-placeholder>
-      </ng-container>
-
-      <ng-template #actions>
-        <lib-menu-btn
-          (select)="handleMenueItemSelect()"
-          (click)="handleMenuClick()"
-          (change)="handleMenuItemChange()"
-          class="lib-menu-custom-class lib-menu-bg-none"
-          [disableTextShadow]="true"
-        >
-          <img [src]="ICONS['horizontalWhite']" alt="Horizontal divider" />
-        </lib-menu-btn>
-      </ng-template>
-
-      <ng-container *ngIf="!loading">
-        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-          <ng-container *ngFor="let i of itineraryMembers">
-            <app-user-tile
-              [name]="i.memberName"
-              [email]="i.memberEmail"
-              [image]="i.memberPic"
-              [sufixTemplate]="actions"
-            ></app-user-tile>
-          </ng-container>
-        </div>
-      </ng-container>
-
-      <div class="flex px-4">
-        <img [src]="ICONS['invitePink']" />
-        <button class="pinkTextColor" (click)="navToAllPeople()">
-          Invite more people
-        </button>
-      </div>
-
-      <div class="border-t border-gray-700 mt-6 mb-6"></div>
-      <h2 class="commonInterests mb-4">Common Interests</h2>
-
-      <lib-selectable [options]="options"></lib-selectable>
-    </div>
-  </div>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/existing-members/existing-members.component.scss

@@ -1,9 +0,0 @@
-.commonInterests {
-  font-family: "Calistoga";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 19.692px;
-  line-height: 160%;
-  text-transform: capitalize;
-  color: #ffffff;
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/existing-members/existing-members.component.ts

@@ -1,74 +0,0 @@
-import { Location } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { Router } from '@angular/router'; 
-import { Subscription } from 'rxjs';
-import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
-import { Iicon } from '../../../../../_interface/icon';
-import { IItineraryMember } from '../../../../../_models/itineraryMember';
-import { ICONS } from '../../../../../_constants/constants';
-import { AssetsService } from '../../../../../_services/assets.service';
-import { SelectOption } from '@naniteninja/ionic-lib';
-
-@Component({
-    selector: 'app-existing-members',
-    templateUrl: './existing-members.component.html',
-    styleUrl: './existing-members.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class ExistingMembersComponent implements OnInit, OnDestroy {
-  ICONS: Iicon = ICONS;
-  itineraryMembers: IItineraryMember[] | undefined;
-  loading: boolean = false;
-  subscription!: Subscription;
-  options: SelectOption<string>[] = [
-    {
-      image: ICONS['food'],
-      label: 'Viynasa',
-      value: 'Viynasa',
-      selected: true,
-    },
-  ];
-
-  constructor(
-    private router: Router,
-    private _location: Location,
-    private assetService: AssetsService,
-    private cdr: ChangeDetectorRef,
-  ) { }
-
-  //UI LOGIC
-  ngOnInit(): void {
-    this.loading = true;
-    this.subscription = this.assetService.getMembers().subscribe((data) => {
-      this.itineraryMembers = data;
-      this.loading = false;
-      this.cdr.detectChanges();
-    });
-  }
-
-  handleMenueItemSelect(): void { }
-  handleMenuItemChange(): void { }
-  handleMenuClick(): void { }
-
-  //NAVIGATIONS
-  backButton(): void {
-    this._location.back();
-  }
-  navToAllPeople(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.All_PEOPLE,
-    ]);
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/itinerary-members.component.html

@@ -1,6 +0,0 @@
-<div class="z-auto pr-3 pl-3">
-  <div class="pb-4">
-    <app-header heading="Total Members" (firstButton)="backButton()"></app-header>
-  </div>
-  <app-existing-members></app-existing-members>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/itinerary-members.component.ts

@@ -1,15 +0,0 @@
-import { Location } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-@Component({
-    selector: 'app-itinerary-members',
-    templateUrl: './itinerary-members.component.html',
-    styleUrl: './itinerary-members.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
-})
-export class ItineraryMembersComponent {
-  constructor(private _location: Location) {}
-  backButton(): void {
-    this._location.back();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/itinerary-sent-invites/itinerary-sent-invites.component.html

@@ -1,25 +0,0 @@
-<div class="pl-4 pr-4">
-  <app-header heading="All Invites" (firstButton)="backButton()"></app-header>
-
-  <p class="interestedPeopleHeading mt-3">Invites Sent (3)</p>
-
-  <ng-container *ngIf="loading">
-    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
-  </ng-container>
-
-  <ng-template #sufixAction>
-    <div class="flex">
-      <img [src]="ICONS['closePink']" alt="Invite label" />
-      <button class="pinkTextColor">Revoke</button>
-    </div>
-  </ng-template>
-
-  @if (!loading) {
-  <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-    <ng-container *ngFor="let i of itineraryMembers">
-      <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
-        [sufixTemplate]="sufixAction"></app-user-tile>
-    </ng-container>
-  </div>
-  }
-</div>