Remove invalid icon reference

This commit is contained in:
2024-07-20 15:26:36 +09:30
parent d78a416d92
commit fbc3b60dc7
2 changed files with 7 additions and 20 deletions

View File

@@ -1,9 +1,9 @@
import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout'; import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { Component, computed, effect, signal } from '@angular/core'; import { Component, computed, signal } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { MatButtonModule } from '@angular/material/button'; import { MatButtonModule } from '@angular/material/button';
import { MatIconModule, MatIconRegistry } from '@angular/material/icon'; import { MatIconModule } from '@angular/material/icon';
import { MatSidenavModule } from '@angular/material/sidenav'; import { MatSidenavModule } from '@angular/material/sidenav';
import { MatToolbarModule } from '@angular/material/toolbar'; import { MatToolbarModule } from '@angular/material/toolbar';
import { MatTreeModule } from '@angular/material/tree'; import { MatTreeModule } from '@angular/material/tree';
@@ -15,8 +15,6 @@ import {
} from './file-tree/file-tree.component'; } from './file-tree/file-tree.component';
import { ProtoMessage } from './model/proto-message.model'; import { ProtoMessage } from './model/proto-message.model';
import { ProtoDefinitionSelectorComponent } from './proto-definition-selector/proto-definition-selector.component'; import { ProtoDefinitionSelectorComponent } from './proto-definition-selector/proto-definition-selector.component';
import { HttpClientModule } from '@angular/common/http';
import { DomSanitizer } from '@angular/platform-browser';
const mobileBreakpoints = [Breakpoints.Handset, Breakpoints.TabletPortrait]; const mobileBreakpoints = [Breakpoints.Handset, Breakpoints.TabletPortrait];
@Component({ @Component({
@@ -50,20 +48,11 @@ export class AppComponent {
protected selectedFilePath = computed(() => this.selectedFile()?.path); protected selectedFilePath = computed(() => this.selectedFile()?.path);
constructor( constructor(private breakpointObserver: BreakpointObserver) {
private breakpointObserver: BreakpointObserver,
iconRegistry: MatIconRegistry,
sanitizer: DomSanitizer
) {
breakpointObserver breakpointObserver
.observe(mobileBreakpoints) .observe(mobileBreakpoints)
.pipe(takeUntilDestroyed()) .pipe(takeUntilDestroyed())
.subscribe((matches) => this.isMobile.set(matches.matches)); .subscribe((matches) => this.isMobile.set(matches.matches));
iconRegistry.addSvgIcon(
'bufpiv',
sanitizer.bypassSecurityTrustResourceUrl('/BufPiv Logo Grey.svg')
);
} }
protected selectMessage(message: ProtoMessage) { protected selectMessage(message: ProtoMessage) {

View File

@@ -5,16 +5,15 @@ import {
} from '@angular/core'; } from '@angular/core';
import { provideRouter } from '@angular/router'; import { provideRouter } from '@angular/router';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import { routes } from './app.routes';
import hljs from 'highlight.js/lib/core';
import json from 'highlight.js/lib/languages/json';
import { import {
MAT_ICON_DEFAULT_OPTIONS, MAT_ICON_DEFAULT_OPTIONS,
MatIconRegistry, MatIconRegistry,
} from '@angular/material/icon'; } from '@angular/material/icon';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import hljs from 'highlight.js/lib/core';
import json from 'highlight.js/lib/languages/json';
import { provideMonacoEditor } from 'ngx-monaco-editor-v2'; import { provideMonacoEditor } from 'ngx-monaco-editor-v2';
import { provideHttpClient } from '@angular/common/http'; import { routes } from './app.routes';
export const appConfig: ApplicationConfig = { export const appConfig: ApplicationConfig = {
providers: [ providers: [
@@ -44,6 +43,5 @@ export const appConfig: ApplicationConfig = {
useValue: { fontSet: 'material-symbols-rounded' }, useValue: { fontSet: 'material-symbols-rounded' },
}, },
provideMonacoEditor(), provideMonacoEditor(),
provideHttpClient(),
], ],
}; };