diff --git a/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.html b/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.html index 63d57ec..8f115af 100644 --- a/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.html +++ b/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.html @@ -17,6 +17,14 @@
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.scss b/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.scss index 31c5d84..c0f7052 100644 --- a/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.scss +++ b/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.scss @@ -7,7 +7,7 @@ align-items: center; min-height: 90vh; height: 100%; - background: var(--ov-background-color) + background: var(--ov-background-color); } .disconnect-content { @@ -114,6 +114,24 @@ gap: var(--ov-meet-spacing-xs); } } + + .quick-actions { + @include ov-flex-center; + margin-top: var(--ov-meet-spacing-md); + + .quick-action-button { + display: flex; + align-items: center; + gap: var(--ov-meet-spacing-sm); + color: var(--ov-meet-text-secondary); + @include ov-theme-transition; + + // &:hover { + // color: var(--ov-meet-text-primary); + // background-color: var(--ov-meet-surface-hover); + // } + } + } } .disconnect-content { @@ -124,7 +142,6 @@ animation: scaleIn 0.8s ease-out 0.2s both; } - @media (prefers-contrast: high) { .disconnect-footer { border-top-width: 2px; diff --git a/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.ts b/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.ts index e87a301..b9e9f16 100644 --- a/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.ts +++ b/frontend/projects/shared-meet-components/src/lib/pages/disconnected/disconnected.component.ts @@ -4,6 +4,7 @@ import { MatCardModule } from '@angular/material/card'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; import { ActivatedRoute } from '@angular/router'; +import { AuthService, NavigationService } from '@lib/services'; @Component({ selector: 'ov-disconnected', @@ -15,13 +16,26 @@ import { ActivatedRoute } from '@angular/router'; export class DisconnectedComponent implements OnInit { disconnectReason?: string; - constructor(private route: ActivatedRoute) {} + constructor( + private route: ActivatedRoute, + protected authService: AuthService, + protected navService: NavigationService + ) {} ngOnInit(): void { // Get disconnect reason from query parameters this.getDisconnectReasonFromQueryParams(); } + get isAdmin(): boolean { + return this.authService.isAdmin(); + } + + async goToConsole(): Promise