diff --git a/frontend/src/app/pages/my-publications/my-publications.component.html b/frontend/src/app/pages/my-publications/my-publications.component.html
index 4065830..0493537 100644
--- a/frontend/src/app/pages/my-publications/my-publications.component.html
+++ b/frontend/src/app/pages/my-publications/my-publications.component.html
@@ -1,4 +1,12 @@
Your publications
+
+
+ +
+
+
@if ((isLoading$ | async) === true) {
Publication loading...
diff --git a/frontend/src/app/pages/my-publications/my-publications.component.scss b/frontend/src/app/pages/my-publications/my-publications.component.scss
index b986f35..4acdd1d 100644
--- a/frontend/src/app/pages/my-publications/my-publications.component.scss
+++ b/frontend/src/app/pages/my-publications/my-publications.component.scss
@@ -1,5 +1,29 @@
+$newPublicationButtonSize: 1.7em;
+
:host {
display: flex;
flex-direction: column;
align-items: center;
+
+ .new-publication {
+ position: fixed;
+ border-radius: 10em;
+ background-color: #14A44D;
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ bottom: $newPublicationButtonSize;
+ right: $newPublicationButtonSize;
+ width: $newPublicationButtonSize;
+ height: $newPublicationButtonSize;
+ text-decoration: none;
+ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+ transition: background-color .2s ease-in-out;
+ font-size: 2.2em;
+
+ &:hover {
+ background-color: #0e7a3a;
+ }
+ }
}
\ No newline at end of file
diff --git a/frontend/src/app/pages/my-publications/my-publications.component.ts b/frontend/src/app/pages/my-publications/my-publications.component.ts
index b595b48..72416e1 100644
--- a/frontend/src/app/pages/my-publications/my-publications.component.ts
+++ b/frontend/src/app/pages/my-publications/my-publications.component.ts
@@ -5,6 +5,8 @@ import { Observable } from "rxjs";
import { PublicationListComponent } from "../../components/publication-list/publication-list.component";
import { Publication } from "../../core/rest-services/publications/model/publication";
import { CommonModule } from "@angular/common";
+import { RouterModule } from "@angular/router";
+import { MatTooltipModule } from "@angular/material/tooltip";
@Component({
@@ -12,7 +14,13 @@ import { CommonModule } from "@angular/common";
standalone: true,
templateUrl: './my-publications.component.html',
styleUrl: './my-publications.component.scss',
- imports: [CommonModule, MatProgressSpinnerModule, PublicationListComponent],
+ imports: [
+ CommonModule,
+ MatProgressSpinnerModule,
+ PublicationListComponent,
+ MatTooltipModule,
+ RouterModule
+ ],
providers: [MyPublicationsService]
})
export class MyPublicationsComponent implements OnInit {