From e8396d06344393106a03f201d4937afbbbee9495 Mon Sep 17 00:00:00 2001
From: Piyush Mishra <piyush.raj.kit@gmail.com>
Date: Wed, 12 May 2021 16:34:06 +0530
Subject: [PATCH] fixes

---
 static/index.html                  | 9 +++++++--
 static/js/{camera.js => images.js} | 8 ++++----
 static/js/onload.js                | 2 +-
 3 files changed, 12 insertions(+), 7 deletions(-)
 rename static/js/{camera.js => images.js} (89%)

diff --git a/static/index.html b/static/index.html
index e0c79a5..7a4a59c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -197,7 +197,12 @@
 
     <!-- Gif Clip -->
     <div id="gif_clip" class="clip-win gif-clip is-hidden">
-        <input type="text" id="gif_search" placeholder="Search">
+        <div>
+            <input type="text" id="gif_search" placeholder="Search" style="width: calc(100% - 4rem); display: inline-flex;">
+            <a onclick="$('#gif_clip').addClass('is-hidden');" style="float: right; padding: 6px 6px;">
+                <img src="img/close.svg" alt="X" style="height: 1.8rem; width: auto; cursor: pointer; display:inline-flexbox;">
+            </a>
+        </div>
         <div id="gif_area"></div>
     </div>
 
@@ -254,7 +259,7 @@
     <script src="js/actions.js"></script>
     <script src="js/state.js"></script>
     <script src="js/message.js"></script>
-    <script src="js/camera.js"></script>
+    <script src="js/images.js"></script>
     <script src="js/app.js"></script>
     <script src="js/onload.js"></script>
 </body>
diff --git a/static/js/camera.js b/static/js/images.js
similarity index 89%
rename from static/js/camera.js
rename to static/js/images.js
index bb15032..8aa1d65 100644
--- a/static/js/camera.js
+++ b/static/js/images.js
@@ -1,11 +1,11 @@
-let Camera = class {
-    static setupCamera() {
+let Images = class {
+    static setupImages() {
         $('#file-input')[0].addEventListener('change', function(e) {
             const file = e.target.files[0];
             if (!file) {
                 return;
             }
-            Camera.compressImage(file, 0.1, 'image/webp');
+            Images.compressImage(file, 0.1, 'image/webp');
         });
     }    
 
@@ -22,7 +22,7 @@ let Camera = class {
                     if(base64data.length > 63488 && mime != 'image/jpeg') {
                         base64data = null;
                         result = null;
-                        Camera.compressImage(file, 0.7, 'image/jpeg');
+                        Images.compressImage(file, 0.7, 'image/jpeg');
                         return;
                     } else if(base64data.length > 63488 && mime == 'image/jpeg') {
                         var prop = {
diff --git a/static/js/onload.js b/static/js/onload.js
index 733dfb0..e586ceb 100644
--- a/static/js/onload.js
+++ b/static/js/onload.js
@@ -45,5 +45,5 @@ $(document).ready(function() {
         send();
     });
 
-    Camera.setupCamera();
+    Images.setupImages();
 });
\ No newline at end of file