diff --git a/projects/website-angular/src/app/community/icon-lib/icon-lib.component.html b/projects/website-angular/src/app/community/icon-lib/icon-lib.component.html
index 7f45b04..bb5da43 100644
--- a/projects/website-angular/src/app/community/icon-lib/icon-lib.component.html
+++ b/projects/website-angular/src/app/community/icon-lib/icon-lib.component.html
@@ -5,7 +5,7 @@
Icon Library
Browse the Reactome icon library. Icons are used in Enhanced High Level Diagrams (EHLDs)
- to represent biological entities and concepts.
+ to represent biological entities and concepts. Or take a look at the Figma !
@@ -90,7 +90,7 @@ Icon Library
@for (icon of icons; track icon.stId) {
-
+
{{ icon.iconName || icon.name }}
diff --git a/projects/website-angular/src/app/community/icon-lib/icon-lib.component.scss b/projects/website-angular/src/app/community/icon-lib/icon-lib.component.scss
index be665b2..7412260 100644
--- a/projects/website-angular/src/app/community/icon-lib/icon-lib.component.scss
+++ b/projects/website-angular/src/app/community/icon-lib/icon-lib.component.scss
@@ -31,6 +31,11 @@
margin: 0;
max-width: 640px;
}
+
+ .figma-link {
+ text-decoration: underline;
+ cursor: pointer;
+ }
}
// Search bar
diff --git a/projects/website-angular/src/app/community/icon-lib/icon-lib.component.ts b/projects/website-angular/src/app/community/icon-lib/icon-lib.component.ts
index 5f961e2..d5d75d0 100644
--- a/projects/website-angular/src/app/community/icon-lib/icon-lib.component.ts
+++ b/projects/website-angular/src/app/community/icon-lib/icon-lib.component.ts
@@ -1,5 +1,5 @@
import { Component, OnInit, OnDestroy } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
import { Subject } from 'rxjs';
import { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';
import { PageLayoutComponent } from '../../page-layout/page-layout.component';
@@ -49,7 +49,7 @@ interface ParsedReference {
@Component({
selector: 'app-icon-lib',
- imports: [PageLayoutComponent],
+ imports: [PageLayoutComponent, RouterLink],
templateUrl: './icon-lib.component.html',
styleUrl: './icon-lib.component.scss'
})