chore: update docs

* feat: update UI

readme.md

@@ -121,7 +121,7 @@ API using [openapi-generator](https://openapi-generator.tech/#try)
 
 ### App User Interface
 
-1. Homepage ![Homepage](https://i.ibb.co/Gn32yhJ/homepage.png)
+1. Homepage ![Homepage](https://i.ibb.co/vPpnVdg/homepage.png)
 2. Login ![Login](https://i.ibb.co/jkcB15R/login.png)
 3. Send Message ![Send Message](https://i.ibb.co/rc3NXMX/send-message.png)
 4. Send Image ![Send Image](https://i.ibb.co/BcFL3SD/send-image.png)
@@ -134,7 +134,7 @@ API using [openapi-generator](https://openapi-generator.tech/#try)
 11. User Info ![User Info](https://i.ibb.co/3zjX6Cz/user-info.png)
 12. User Avatar ![User Avatar](https://i.ibb.co/ZmJZ4ZW/search-avatar.png)
 13. My Privacy ![My Privacy](https://i.ibb.co/Cw1sMQz/my-privacy.png)
-14. My Group ![My Group](https://i.ibb.co/B6rW8Sh/list-group.png)
+14. My Group ![My Group](https://i.ibb.co/WB268Xy/list-group.png)
 15. Auto Reply ![Auto Reply](https://i.ibb.co/D4rTytX/IMG-20220517-162500.jpg)
 16. Basic Auth Prompt ![Basic Auth](https://i.ibb.co/PDjQ92W/Screenshot-2022-11-06-at-14-06-29.png)
 

src/views/index.html

@@ -1376,19 +1376,23 @@
         methods: {
             async groupModal() {
                 try {
+                    this.dtClear()
                     await this.groupApi();
                     $('#modalUserGroup').modal('show');
-                    this.rebuildModal()
+                    this.dtRebuild()
                     showSuccessInfo("Groups fetched")
                 } catch (err) {
                     showErrorInfo(err)
                 }
             },
-            rebuildModal() {
+            dtClear() {
+                $('#user_groups_table').DataTable().destroy();
+            },
+            dtRebuild() {
                 $('#user_groups_table').DataTable({
                     "pageLength": 100,
                     "reloadData": true,
-                });
+                }).draw();
             },
             async handleLeaveGroup(group_id) {
                 try {
@@ -1396,8 +1400,9 @@
                     if (!ok) return;
 
                     await this.leaveGroupApi(group_id);
+                    this.dtClear()
                     await this.groupApi();
-                    location.reload()
+                    this.dtRebuild()
                     showSuccessInfo("Group left")
                 } catch (err) {
                     showErrorInfo(err)