small beginning on note merging component

src/app/editor/notes/merge-notes.component.html

@@ -0,0 +1,38 @@
+<!-- <div class="NOTES_COMPONENT">
+    <div class="container">
+        <span>Edit note </span><span style="color: grey; font-size: 0.9em;">(supports markdown)</span>
+        <div class="left">
+            <textarea [(ngModel)]="note" cols="50" rows="10"></textarea>
+        </div>
+
+        <span><span>Preview </span><span style="color: grey; font-size: 0.9em;">(Unscaled)</span></span>
+        <div class="right">
+            <notes [note]="note"></notes>
+        </div>
+    </div>
+    <div mat-dialog-actions>
+        <button mat-button color="warn" (click)="cancel()">Cancel</button>
+        <button mat-button [mat-dialog-close]="note" cdkFocusInitial>Save</button>
+    </div>
+</div> -->
+
+
+
+<div class="NOTES_COMPONENT">
+    <div class="row">
+        <div class="col-6">
+            Original note
+        </div>
+        <div class="col-6">
+            Imported note
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-6">
+            Note to save
+        </div>
+        <div class="col-6">
+            Preview
+        </div>
+    </div>
+</div>

src/app/editor/notes/notes.component.ts

@@ -13,6 +13,11 @@ interface DialogData {
   note?: string;
 }
 
+interface MergeDialogData {
+  originalNote: string;
+  importedNote: string;
+}
+
 @Component({
   selector: 'notes',
   templateUrl: './notes.component.html',
@@ -57,3 +62,29 @@ export class EditNotesComponentDialog {
     this.dialogRef.close();
   }
 }
+
+@Component({
+  selector: 'notes-merger',
+  templateUrl: 'merge-notes.component.html',
+  standalone: true,
+  imports: [CommonModule, FormsModule, MatDialogModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule, NotesComponent, ScalableComponent],
+  encapsulation: ViewEncapsulation.None,
+})
+export class MergeNotesComponentDialog {
+  originalNote: string;
+  importedNote: string;
+  resultNote: string;
+  
+  constructor(
+    public dialogRef: MatDialogRef<MergeNotesComponentDialog>,
+    @Inject(MAT_DIALOG_DATA) public data: MergeDialogData,
+  ) {
+    this.originalNote = data.originalNote;
+    this.importedNote = data.importedNote;
+    this.resultNote = data.originalNote;
+  }
+
+  cancel() {
+    this.dialogRef.close();
+  }
+}