From c4175bd5671727ee889a0cb76fad672d1e8f0f5b Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Fri, 18 Feb 2022 10:52:25 +0530
Subject: [PATCH] feat: preview support for .webp extension, webhooks doc
 reference quick link

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../project/spreadsheet/helpers/imageExt.js   | 22 +++++++++++++------
 .../components/project/tableTabs/webhooks.vue |  2 ++
 .../nocodb/src/lib/noco/common/BaseModel.ts   |  3 ++-
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/helpers/imageExt.js b/packages/nc-gui/components/project/spreadsheet/helpers/imageExt.js
index 52c75e74c0..1f2af2c856 100644
--- a/packages/nc-gui/components/project/spreadsheet/helpers/imageExt.js
+++ b/packages/nc-gui/components/project/spreadsheet/helpers/imageExt.js
@@ -1,14 +1,22 @@
-const imageExt = ['jpeg', 'gif', 'png', 'png', 'svg', 'bmp', 'ico', 'jpg']
+const imageExt = [
+  "jpeg",
+  "gif",
+  "png",
+  "png",
+  "svg",
+  "bmp",
+  "ico",
+  "jpg",
+  "webp",
+];
 
-export default imageExt
+export default imageExt;
 
 const isImage = (name) => {
-  return imageExt.some(e => name.toLowerCase().endsWith(`.${e}`))
-}
+  return imageExt.some((e) => name.toLowerCase().endsWith(`.${e}`));
+};
 
-export {
-  isImage
-}
+export { isImage };
 /**
  * @copyright Copyright (c) 2021, Xgene Cloud Ltd
  *
diff --git a/packages/nc-gui/components/project/tableTabs/webhooks.vue b/packages/nc-gui/components/project/tableTabs/webhooks.vue
index 1eb3760905..9178a3614b 100644
--- a/packages/nc-gui/components/project/tableTabs/webhooks.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhooks.vue
@@ -341,6 +341,8 @@
 
                     </span>
                   </v-tooltip>
+                  <br>
+                  <a href="https://docs.nocodb.com/developer-resources/webhooks/">Document Reference</a>                  
                 </span>
               </v-card-text>
             </v-card>
diff --git a/packages/nocodb/src/lib/noco/common/BaseModel.ts b/packages/nocodb/src/lib/noco/common/BaseModel.ts
index ecb7c7b2f2..faaa2cbbc0 100644
--- a/packages/nocodb/src/lib/noco/common/BaseModel.ts
+++ b/packages/nocodb/src/lib/noco/common/BaseModel.ts
@@ -235,7 +235,8 @@ class BaseModel<T extends BaseApiBuilder<any>> extends BaseModelSql {
                 'svg',
                 'bmp',
                 'ico',
-                'jpg'
+                'jpg',
+                'webp'
               ].includes(attachment.title.split('.').pop())
             ) {
               return `<a href="${attachment.url}" target="_blank"><img height="50px" src="${attachment.url}"/></a>`;