<div class="list-container" *ngIf="projectDetailsInfo?.length > 0">
  <table class="table">
        <thead>
          <tr>
            <th *ngFor="let header of listTableHeader">{{header}}</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let project of projectDetailsInfo">
            <td *ngIf="myProjects"><div *ngIf="project.requesterEmailId == currentUser.email" class="role"><p class="role-txt">OWNER</p></div></td>
            <td><a class="btn-View" (click)="showDetails(true, project)">{{project.projectName}}</a></td>
            <td>{{project.createdBy}}</td>
            <td>{{project.createdTime}}</td>
            <td>
              <div class="comments-txt">1</div>
            </td>
            <td>
              <div *ngIf="project.status == 'REPO_CREATED'">Environment Setup is completed</div>
              <div *ngIf="project.status != 'REPO_CREATED'">Environment Setup in progress</div>
            </td>
            <td>
              <span *ngIf="myProjects" class="no-padding view-invite">
                <span *ngIf="project.status == 'REPO_CREATED'">
                    <button mat-button class="add-btn" [matTooltipPosition]="position[0]" matTooltip="Under Implementation">
                        <!-- <span class="plus-btn">
                          <mat-icon>send</mat-icon>
                        </span> -->
                        <span class="btn-txt">Invite People</span>
                      </button>
                    <!-- <span class="more">
                        <mat-icon class="icon">more_horiz</mat-icon>
                    </span> -->
                </span>
                    
              </span>
              <span *ngIf="invites" class="view-invite">
                <span>
                  <button mat-button class="add-btn" [matTooltipPosition]="position[0]" matTooltip="Under Implementation">
                    <!-- <span class="plus-btn">
                      <mat-icon>send</mat-icon>
                    </span> -->
                    <span class="btn-txt">Accept</span>
                  </button>
                </span>
                <span>
                  <button mat-button class="add-btn" [matTooltipPosition]="position[0]" matTooltip="Under Implementation">
                    <!-- <span class="plus-btn">
                      <mat-icon>edit</mat-icon>
                    </span> -->
                    <span class="btn-txt">View Project</span>
                  </button>
                </span>
              </span>
              <span *ngIf="allProjects" class="view-invite" [matTooltipPosition]="position[0]" matTooltip="Under Implementation">
                <span *ngIf="project.requesterEmailId != currentUser.email">
                  <button mat-button class="add-btn">
                    <!-- <span class="plus-btn">
                      <mat-icon>send</mat-icon>
                    </span> -->
                    <span class="btn-txt">Join Project</span>
                  </button>
                </span>
              </span>
            </td>
          </tr>
        </tbody>
      </table>
</div>