Skip to content
This repository has been archived by the owner on Apr 12, 2021. It is now read-only.

Repo has no webhook, show message for each repo #1662

Open
wants to merge 1 commit into
base: issue-1656b
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
8 changes: 4 additions & 4 deletions web/src/app/projects/repository/repository.component.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<div class="repository__problem" *ngIf="isAdmin && isAlertEnabled && repository.fullName !== '' && (repository.webhook == null || repository.webhook.id == null || repository.resetWebhook)">
<div class="repository__problem" *ngIf="isAlertEnabled && repository.fullName !== '' && (repository.webhook == null || repository.webhook.id == null || repository.resetWebhook)">
<mat-card class="repository__problem__card" fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="5px" fxLayout.xs="column">
<div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="5px" fxLayout.xs="column">
<div>
<mat-icon class="material-icons-outlined white-color">warning</mat-icon>
<mat-icon class="material-icons-outlined red-color">error</mat-icon>
</div>
<div>Webhook not found on this repository. This is required for realtime data.</div>
<span class="repository__problem__card__alert">Webhook not found on this repository <b>{{repository.fullName}}</b>. This is required for realtime data.</span>
</div>
<span>
<button class="btn-action" mat-stroked-button (click)="createWebhook()">
<button *ngIf="isAdmin" class="btn-action" mat-stroked-button (click)="createWebhook()">
Create webhook!
</button>
</span>
Expand Down
7 changes: 4 additions & 3 deletions web/src/app/projects/repository/repository.component.scss
Original file line number Diff line number Diff line change
Expand Up @@ -23,13 +23,14 @@
border: none;

&__card {
font-size: 18px;
font-weight: lighter;
color: $dark-grey-3-color;

@media (max-width: $breakpoint-xs) {
text-align: center;
}

&__alert {
margin-left: 20px;
}
}

@media (max-width: $breakpoint-xs) {
Expand Down