now removing issue is possible

src/app/services/storage/storage.service.ts

@@ -101,6 +101,15 @@ export class StorageService {
     return this.set('booksIssued', issueBook);
   }
 
+  public async removeBookIssued(issue: bookIssued): Promise<void | undefined> {
+    let issueBook: bookIssued[] = await this.getBooksIssued();
+    issueBook = issueBook.filter((book) => {
+      return !(issue.bookId === book.bookId && issue.userId === book.userId);
+    });
+    console.log(issueBook);
+    return await this.set('booksIssued', issueBook);
+  }
+
   public async getBookIssuedUsers(bookId: string): Promise<userIssue[]> {
     const issueBook: bookIssued[] = await this.getBooksIssued();
     const book: Array<bookIssued> = issueBook.filter(

src/app/tabs/RentPage/rent.page.html

@@ -18,10 +18,10 @@
     </ion-toolbar>
   </ion-header>
 
-  <ion-list *ngFor="let item of booksName; index as i">
-    <ion-item [id]="'issue' + i" lines="none" button>
-
-      <ion-card>
+  <ion-list *ngFor="let item of booksName; index as i" inset>
+    <ion-item-sliding>
+      <ion-item lines="none" button>
+        <ion-card class="rent-card" [id]="'issue' + i">
           <img class="itemImg" [alt]="item.book.volumeInfo.title" [src]="item.book.volumeInfo.imageLinks.thumbnail"/>
           <ion-card-header>
             <ion-card-title>{{ item.book.volumeInfo.title }}</ion-card-title>
@@ -31,8 +31,14 @@
           <ion-card-content>
             Книга выдана {{ dateParse(item.issue.date) }}. До {{ dateParse(item.issue.dateTo) }}
           </ion-card-content>
-      </ion-card>
           <app-book-page [trigger]="'issue' + i" [item]="item.book"/>
+        </ion-card>
       </ion-item>
+      <ion-item-options>
+        <ion-item-option (click)="removeIssue(item.issue)" color="danger" expandable="true">
+          <ion-icon slot="icon-only" name="trash"></ion-icon>
+        </ion-item-option>
+      </ion-item-options>
+    </ion-item-sliding>
   </ion-list>
 </ion-content>

src/app/tabs/RentPage/rent.page.scss

@@ -4,3 +4,10 @@
   margin-top: 2vh;
   display: block;
 }
+
+.rent-card{
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+}

src/app/tabs/RentPage/rent.page.ts

@@ -51,6 +51,14 @@ export class RentPage implements OnInit {
     });
   }
 
+  public removeIssue(issue: bookIssued) {
+    this.storage.init().then(() => {
+      this.storage.removeBookIssued(issue).then(() => {
+        this.refresh();
+      });
+    });
+  }
+
   public dateParse(date: string) {
     let _date = new Date(date);
     return _date.toLocaleDateString();