chore: renamed the rest of the Code UI components

jbriones1 · jbriones1 · commit e4facef046b4 · 2025-12-23T01:23:17.000-08:00
diff --git a/src/app/pages/affiliates/affiliates.component.ts b/src/app/pages/affiliates/affiliates.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import { CardComponent } from '@csss-code/card/card.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faDiscord } from '@fortawesome/free-brands-svg-icons';
@@ -9,7 +9,7 @@ import { Affiliate, AFFILIATES } from './affiliates';
 
 @Component({
   selector: 'cs-affiliates',
-  imports: [ArticleComponent, CardComponent, FontAwesomeModule],
+  imports: [CodeArticleComponent, CardComponent, FontAwesomeModule],
   templateUrl: './affiliates.component.html',
   styleUrl: './affiliates.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/committees/committees.component.ts b/src/app/pages/committees/committees.component.ts
@@ -1,11 +1,11 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import { EmailLinkComponent } from 'components/url/email-link/email-link.component';
 import { ExternalLinkComponent } from 'components/url/external-link/external-link.component';
 
 @Component({
   selector: 'cs-committees',
-  imports: [ArticleComponent, EmailLinkComponent, ExternalLinkComponent],
+  imports: [CodeArticleComponent, EmailLinkComponent, ExternalLinkComponent],
   templateUrl: './committees.component.html',
   styleUrl: './committees.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/common-room/common-room.component.ts b/src/app/pages/common-room/common-room.component.ts
@@ -1,13 +1,13 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import { CardComponent } from '@csss-code/card/card.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
 import { EXTERNAL_LINKS } from 'components/url/links.data';
 
 @Component({
   selector: 'cs-common-room',
-  imports: [ArticleComponent, CardComponent, FontAwesomeModule],
+  imports: [CodeArticleComponent, CardComponent, FontAwesomeModule],
   templateUrl: './common-room.component.html',
   styleUrl: './common-room.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/elections/election-speeches/election-speeches.component.ts b/src/app/pages/elections/election-speeches/election-speeches.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 
 interface Nominee {
   name: string;
@@ -8,7 +8,7 @@ interface Nominee {
 
 @Component({
   selector: 'cs-election-speeches',
-  imports: [ArticleComponent],
+  imports: [CodeArticleComponent],
   templateUrl: './election-speeches.component.html',
   styleUrl: './election-speeches.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/elections/elections.component.ts b/src/app/pages/elections/elections.component.ts
@@ -1,6 +1,6 @@
 import { NgTemplateOutlet } from '@angular/common';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import { CodeTabGroupComponent } from '@csss-code/tabs/tab-group/tab-group.component';
 import { CodeTabComponent } from '@csss-code/tabs/tab.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@@ -12,7 +12,7 @@ import { ELECTED_DESCRIPTIONS, EXEC_DESCRIPTIONS } from 'pages/officers/officers
   selector: 'cs-elections',
   imports: [
     NgTemplateOutlet,
-    ArticleComponent,
+    CodeArticleComponent,
     FontAwesomeModule,
     ExternalLinkComponent,
     CodeTabGroupComponent,
diff --git a/src/app/pages/elections/upcoming/elections-schedule.component.ts b/src/app/pages/elections/upcoming/elections-schedule.component.ts
@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { Router } from '@angular/router';
-import { ArticleComponent } from '@csss-code/article/article.component';
-import { ButtonComponent } from '@csss-code/button/button.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
+import { CodeButtonComponent } from '@csss-code/button/button.component';
 import { SiteRoute } from 'app/app.routes';
 
 @Component({
   selector: 'cs-upcoming',
-  imports: [ArticleComponent, ButtonComponent],
+  imports: [CodeArticleComponent, CodeButtonComponent],
   templateUrl: './elections-schedule.component.html',
   styleUrl: './elections-schedule.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/event-archives/event-archives.component.ts b/src/app/pages/event-archives/event-archives.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import {
   FALL_HACKS_YEARS,
   FROSH_YEARS,
@@ -9,7 +9,7 @@ import {
 
 @Component({
   selector: 'cs-event-archives',
-  imports: [ArticleComponent],
+  imports: [CodeArticleComponent],
   templateUrl: './event-archives.component.html',
   styleUrl: './event-archives.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/events/events.component.ts b/src/app/pages/events/events.component.ts
@@ -1,13 +1,13 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
 import { ExternalLinkComponent } from 'components/url/external-link/external-link.component';
 import { EXTERNAL_LINKS } from 'components/url/links.data';
 
 @Component({
   selector: 'cs-events',
-  imports: [ArticleComponent, FontAwesomeModule, ExternalLinkComponent],
+  imports: [CodeArticleComponent, FontAwesomeModule, ExternalLinkComponent],
   templateUrl: './events.component.html',
   styleUrl: './events.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
@@ -1,14 +1,14 @@
 import { Component, inject } from '@angular/core';
 import { Router } from '@angular/router';
-import { ButtonComponent } from '@csss-code/button/button.component';
+import { CodeButtonComponent } from '@csss-code/button/button.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faFile, faSquare } from '@fortawesome/free-solid-svg-icons';
 import { csssLogo } from 'assets/icons/csss-logo';
 import { RainbowDirective } from './directives/rainbow.directive';
 
 @Component({
   selector: 'cs-home',
-  imports: [FontAwesomeModule, RainbowDirective, ButtonComponent],
+  imports: [FontAwesomeModule, RainbowDirective, CodeButtonComponent],
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss'
 })
diff --git a/src/app/pages/officers/officers.component.ts b/src/app/pages/officers/officers.component.ts
@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, computed, signal } from '@angular/core';
-import { ArticleComponent } from '@csss-code/article/article.component';
+import { CodeArticleComponent } from '@csss-code/article/article.component';
 import { ExternalLinkComponent } from 'components/url/external-link/external-link.component';
 import { RouteLinkComponent } from 'components/url/route-link/route-link.component';
 import { ExecutiveAdministration, executives } from './officers.data';
 
 @Component({
   selector: 'cs-officers',
-  imports: [ArticleComponent, RouteLinkComponent, ExternalLinkComponent],
+  imports: [CodeArticleComponent, RouteLinkComponent, ExternalLinkComponent],
   templateUrl: './officers.component.html',
   styleUrl: './officers.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/ui/csss-code/article/article.component.spec.ts b/src/ui/csss-code/article/article.component.spec.ts
@@ -1,16 +1,16 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArticleComponent } from './article.component';
+import { CodeArticleComponent } from './article.component';
 
 describe('ArticleComponent', () => {
-  let component: ArticleComponent;
-  let fixture: ComponentFixture<ArticleComponent>;
+  let component: CodeArticleComponent;
+  let fixture: ComponentFixture<CodeArticleComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ArticleComponent]
+      imports: [CodeArticleComponent]
     }).compileComponents();
 
-    fixture = TestBed.createComponent(ArticleComponent);
+    fixture = TestBed.createComponent(CodeArticleComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/ui/csss-code/article/article.component.ts b/src/ui/csss-code/article/article.component.ts
@@ -18,7 +18,7 @@ const LETTER_HEIGHT = 24;
   styleUrl: './article.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class ArticleComponent implements AfterContentInit, OnDestroy {
+export class CodeArticleComponent implements AfterContentInit, OnDestroy {
   private articleContent = viewChild.required<ElementRef<HTMLDivElement>>('article');
 
   /**
diff --git a/src/ui/csss-code/button/button.component.spec.ts b/src/ui/csss-code/button/button.component.spec.ts
@@ -1,17 +1,17 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ButtonComponent } from './button.component';
+import { CodeButtonComponent } from './button.component';
 
 describe('ButtonComponent', () => {
-  let component: ButtonComponent;
-  let fixture: ComponentFixture<ButtonComponent>;
+  let component: CodeButtonComponent;
+  let fixture: ComponentFixture<CodeButtonComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ButtonComponent]
+      declarations: [CodeButtonComponent]
     }).compileComponents();
 
-    fixture = TestBed.createComponent(ButtonComponent);
+    fixture = TestBed.createComponent(CodeButtonComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/ui/csss-code/button/button.component.ts b/src/ui/csss-code/button/button.component.ts
@@ -9,7 +9,7 @@ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
   styleUrl: './button.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class ButtonComponent {
+export class CodeButtonComponent {
   /**
    * The text on the button.
    */
