finish share link + save work

src/app/components/editor/editor.component.ts

@@ -37,6 +37,7 @@ import {
   closeBracketsKeymap,
 } from '@codemirror/autocomplete';
 import { lintKeymap } from '@codemirror/lint';
+import { Router } from '@angular/router';
 import { WorkService } from '../../services/work.service';
 import { Work } from '../../models/work.model';
 
@@ -142,6 +143,7 @@ export class EditorComponent {
   ];
 
   constructor(
+    private router: Router,
     private codeExecutionService: CodeExecutionService,
     protected workService: WorkService
   ) {}
@@ -238,7 +240,10 @@ export class EditorComponent {
       );
     }
     else {
-      this.addToDatabase();
+      const link = this.addToDatabase();
+      const url = `/work/${link}`;
+      this.router.navigateByUrl(url);
+
     }
   }
 

src/app/components/works-list/works-list.component.html

@@ -1,3 +1,4 @@
+<div style="margin-left: 30px">
   <h2>Works</h2>
 
   <h3>Last Work</h3>
@@ -11,3 +12,4 @@
       <app-work-list-detail [work]="work"></app-work-list-detail>
     </div>
   </div>
+</div>