From 355b31b25a57cc9366ad7104a0ec94718b43717d Mon Sep 17 00:00:00 2001
From: juancarmore <juancar_more2@hotmail.com>
Date: Wed, 26 Mar 2025 13:37:45 +0100
Subject: [PATCH] frontend: Add RoomCreatorDisabled component to handle room
 creation disabled state

---
 .../room-creator-disabled.component.html      | 13 ++++++++
 .../room-creator-disabled.component.scss      | 33 +++++++++++++++++++
 .../room-creator-disabled.component.spec.ts   | 22 +++++++++++++
 .../room-creator-disabled.component.ts        | 11 +++++++
 .../src/lib/components/index.ts               |  1 +
 5 files changed, 80 insertions(+)
 create mode 100644 frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.html
 create mode 100644 frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.scss
 create mode 100644 frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.spec.ts
 create mode 100644 frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.ts

diff --git a/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.html b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.html
new file mode 100644
index 0000000..71c0d4e
--- /dev/null
+++ b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.html
@@ -0,0 +1,13 @@
+<div class="container">
+	<mat-card class="card">
+		<mat-card-header>
+			<mat-card-title>Room Creation Disabled</mat-card-title>
+		</mat-card-header>
+		<mat-card-content>
+			<p>
+				Room creation is currently disabled for users. Please wait until you receive an access URL to join a
+				room.
+			</p>
+		</mat-card-content>
+	</mat-card>
+</div>
diff --git a/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.scss b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.scss
new file mode 100644
index 0000000..2eb04f0
--- /dev/null
+++ b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.scss
@@ -0,0 +1,33 @@
+.container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 100vh;
+	background-color: var(--ov-background-color);
+}
+
+.card {
+	width: 400px;
+	padding: 20px;
+	text-align: center;
+	background-color: var(--ov-surface-color);
+	border-radius: var(--ov-surface-radius);
+}
+
+mat-card-header {
+	justify-content: center;
+	align-items: center;
+}
+
+mat-card-title {
+	font-size: 1.5em;
+}
+
+mat-card-content p {
+	font-size: 1em;
+	color: #555;
+}
+
+mat-card-actions {
+	margin-top: 20px;
+}
diff --git a/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.spec.ts b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.spec.ts
new file mode 100644
index 0000000..9dd4a42
--- /dev/null
+++ b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RoomCreatorDisabledComponent } from './room-creator-disabled.component';
+
+describe('RoomCreatorDisabledComponent', () => {
+	let component: RoomCreatorDisabledComponent;
+	let fixture: ComponentFixture<RoomCreatorDisabledComponent>;
+
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [RoomCreatorDisabledComponent]
+		}).compileComponents();
+
+		fixture = TestBed.createComponent(RoomCreatorDisabledComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});
diff --git a/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.ts b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.ts
new file mode 100644
index 0000000..6881352
--- /dev/null
+++ b/frontend/projects/shared-meet-components/src/lib/components/errors/room-creator-disabled/room-creator-disabled.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
+
+@Component({
+	selector: 'ov-room-creator-disabled',
+	standalone: true,
+	imports: [MatCardModule],
+	templateUrl: './room-creator-disabled.component.html',
+	styleUrl: './room-creator-disabled.component.scss'
+})
+export class RoomCreatorDisabledComponent {}
diff --git a/frontend/projects/shared-meet-components/src/lib/components/index.ts b/frontend/projects/shared-meet-components/src/lib/components/index.ts
index 5b9e409..9cd082d 100644
--- a/frontend/projects/shared-meet-components/src/lib/components/index.ts
+++ b/frontend/projects/shared-meet-components/src/lib/components/index.ts
@@ -5,3 +5,4 @@ export * from './cards/selection-card/selection-card.component';
 export * from './cards/pro-feature/pro-feature.component';
 export * from './dynamic-grid/dynamic-grid.component';
 export * from './errors/unauthorized/unauthorized.component';
+export * from './errors/room-creator-disabled/room-creator-disabled.component';