feat: add review status badge to review form

Author: nathanosdev

.gitignore

@@ -18,6 +18,7 @@ dist/
 .astro/
 .turbo/
 coverage/
+.angular/
 
 # environment variables
 .env

angular.json

@@ -74,10 +74,12 @@
           "builder": "@hadronous/ic-build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "frontend:build:production"
+              "buildTarget": "frontend:build:production",
+              "hmr": false
             },
             "development": {
-              "buildTarget": "frontend:build:development"
+              "buildTarget": "frontend:build:development",
+              "hmr": false
             }
           },
           "defaultConfiguration": "development"

lib/angular-ui/src/lib/atoms/badge/badge.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BadgeComponent } from './badge.component';
+
+describe('BadgeComponent', () => {
+  let component: BadgeComponent;
+  let fixture: ComponentFixture<BadgeComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BadgeComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(BadgeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/badge/badge.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-badge';
+import { DefineCustomElement } from '../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-badge',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content></ng-content>`,
+})
+export class BadgeComponent {}

lib/angular-ui/src/lib/atoms/badge/index.ts

@@ -0,0 +1 @@
+export * from './badge.component';

lib/angular-ui/src/lib/atoms/card/card.component.ts

@@ -6,7 +6,6 @@ import { DefineCustomElement } from '../../define-custom-element';
 @DefineCustomElement(defineCustomElement)
 @Component({
   selector: 'cg-card',
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
 })

lib/angular-ui/src/lib/atoms/icon-btn/icon-btn.component.ts

@@ -6,7 +6,6 @@ import { DefineCustomElement } from '../../define-custom-element';
 @DefineCustomElement(defineCustomElement)
 @Component({
   selector: 'cg-icon-btn',
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
 })

lib/angular-ui/src/lib/atoms/icons/check-circle-icon/check-circle-icon.component.ts

@@ -6,7 +6,6 @@ import { DefineCustomElement } from '../../../define-custom-element';
 @DefineCustomElement(defineCustomElement)
 @Component({
   selector: 'cg-check-circle-icon',
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
 })

lib/angular-ui/src/lib/atoms/icons/dash-circle-icon/dash-circle-icon.component.ts

@@ -6,7 +6,6 @@ import { DefineCustomElement } from '../../../define-custom-element';
 @DefineCustomElement(defineCustomElement)
 @Component({
   selector: 'cg-dash-circle-icon',
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
 })

lib/angular-ui/src/lib/atoms/icons/profile-icon/profile-icon.component.ts

@@ -6,7 +6,6 @@ import { DefineCustomElement } from '../../../define-custom-element';
 @DefineCustomElement(defineCustomElement)
 @Component({
   selector: 'cg-profile-icon',
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
 })