From e610a11bc5b3fe48f426fa2ddfb8f4b4836b2c7d Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranavrajs@gmail.com>
Date: Thu, 21 Nov 2019 12:08:54 +0530
Subject: [PATCH] [Enhancement] Add a temporary image for channel if no image
 available (#231)

---
 .../dashboard/assets/images/flag.svg           | 18 ++++++++++++++++++
 .../routes/dashboard/settings/inbox/Index.vue  |  7 +++++++
 2 files changed, 25 insertions(+)
 create mode 100644 app/javascript/dashboard/assets/images/flag.svg

diff --git a/app/javascript/dashboard/assets/images/flag.svg b/app/javascript/dashboard/assets/images/flag.svg
new file mode 100644
index 000000000..107d836ed
--- /dev/null
+++ b/app/javascript/dashboard/assets/images/flag.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="749px" height="749px" viewBox="0 0 749 749" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <title>flag</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="flag">
+            <circle id="Oval" fill="#DDF6FF" cx="374.5" cy="374.5" r="374.5"></circle>
+            <g id="lock" transform="translate(185.000000, 185.000000)" fill-rule="nonzero">
+                <g id="Group" transform="translate(29.000000, 3.000000)">
+                    <polygon id="Path" fill="#F2EDDA" points="282.778444 77.4142298 103.019687 77.4142298 64.5000607 77.4142298 64.5000607 116.020681 77.3401869 122.454839 64.5000607 128.888996 64.5000607 244.708351 77.3401869 238.274194 83.7598738 257.577419 257.098192 257.577419 263.518631 244.708351 269.938318 257.577419 321.29807 257.577419 321.29807 231.840036 295.617818 218.970968 321.29807 206.101899 321.29807 77.4142298"></polygon>
+                    <path d="M25.9804346,38.8077782 L25.9804346,373.396774 L0.300934579,373.396774 L0.300934579,13.0696411 C0.300934579,5.99154032 6.0788785,0.200572581 13.1410607,0.200572581 C20.203243,0.200572581 25.9811869,5.99154032 25.9811869,13.0696411 L25.9811869,38.8077782 L25.9804346,38.8077782 Z" id="Path" fill="#AE938D"></path>
+                </g>
+                <path d="M376.779412,380 L273.728884,380 C271.796682,380 270.508295,378.711614 270.508295,376.779412 C270.508295,374.847209 271.796682,373.558823 273.728884,373.558823 L376.779412,373.558823 C378.711614,373.558823 380,374.847209 380,376.779412 C380,378.711614 378.711614,380 376.779412,380 Z M247.965686,380 L235.084087,380 C233.151885,380 231.863499,378.711614 231.863499,376.779412 C231.863499,374.847209 233.151885,373.558823 235.084087,373.558823 L247.965686,373.558823 C249.897888,373.558823 251.186274,374.847209 251.186274,376.779412 C251.186274,378.711614 249.897888,380 247.965686,380 Z M196.440799,380 L132.034314,380 C130.102112,380 128.813726,378.711614 128.813726,376.779412 C128.813726,374.847209 130.102112,373.558823 132.034314,373.558823 L196.440799,373.558823 C198.373002,373.558823 199.661388,374.847209 199.661388,376.779412 C199.660633,378.711614 198.373002,380 196.440799,380 Z M93.3895171,380 L3.22058844,380 C1.28838633,380 0,378.711614 0,376.779412 C0,374.847209 1.28838633,373.558823 3.22058844,373.558823 L25.763198,373.558823 L25.763198,16.1014327 C25.7624432,7.08499266 32.8474359,0 41.8646307,0 C50.8818254,0 57.9660633,7.08499266 57.9660633,16.1014327 L57.9660633,38.6440422 L376.779412,38.6440422 C378.711614,38.6440422 380,39.9324285 380,41.8646307 C380,43.7968328 378.711614,45.0852191 376.779412,45.0852191 L315.59276,45.0852191 L315.59276,77.2880844 L351.016214,77.2880844 C352.948416,77.2880844 354.236802,78.5764708 354.236802,80.5086729 L354.236802,209.322398 C354.236802,210.610785 353.592986,211.898416 352.3046,211.898416 L332.338763,222.203243 L352.3046,232.508069 C353.592986,233.151885 354.236802,234.440271 354.236802,235.084087 L354.236802,260.847285 C354.236802,262.779487 352.948416,264.067873 351.016214,264.067873 L299.491327,264.067873 C298.202941,264.067873 296.915309,263.424058 296.915309,262.135671 L293.050905,255.050679 L289.186501,262.135671 C288.542685,263.424058 287.254299,264.067873 286.610483,264.067873 L112.712293,264.067873 C111.423907,264.067873 110.136275,263.424058 109.491705,262.135671 L104.338914,246.034239 L94.6779034,250.542459 C93.3895171,251.186274 92.7457013,251.186274 91.457315,250.542459 C90.8134992,249.898643 90.1689286,248.610256 90.1689286,247.966441 L90.1689286,132.034314 C90.1689286,130.745928 90.8127444,129.458296 92.1011308,129.458296 L99.1861234,125.593892 L92.1011308,121.729488 C90.8127444,121.085672 90.1689286,119.797286 90.1689286,119.15347 L90.1689286,80.5094276 C90.1689286,78.5772255 91.457315,77.2888392 93.3895171,77.2888392 L128.812971,77.2888392 L128.812971,45.0852191 L54.7454749,45.0852191 C52.8132728,45.0852191 51.5248864,43.7968328 51.5248864,41.8646307 L51.5248864,16.1021874 C51.5248864,10.9493969 47.0166664,6.44117688 41.8638759,6.44117688 C36.7110853,6.44117688 32.2028653,10.9493969 32.2028653,16.1021874 L32.2028653,373.559578 L51.5248864,373.559578 L51.5248864,67.6270739 C51.5248864,65.6948718 52.8132728,64.4064854 54.7454749,64.4064854 C56.677677,64.4064854 57.9660633,65.6948718 57.9660633,67.6270739 L57.9660633,373.558823 L93.3895171,373.558823 C95.3217192,373.558823 96.6101055,374.847209 96.6101055,376.779412 C96.6101055,378.711614 95.3217192,380 93.3895171,380 Z M301.423529,257.626696 L347.79638,257.626696 L347.79638,237.016289 L323.966139,224.779261 C322.677752,224.135445 322.033937,222.847058 322.033937,222.203243 C322.033937,221.559427 322.677752,219.627225 323.966139,219.627225 L347.79638,207.390196 L347.79638,83.7292613 L312.372926,83.7292613 C310.440724,83.7292613 309.152338,82.440875 309.152338,80.5086729 L309.152338,45.0844643 L135.254148,45.0844643 L135.254148,80.5079181 C135.254148,82.4401202 133.965761,83.7285065 132.033559,83.7285065 L96.6101055,83.7285065 L96.6101055,117.219758 L107.559502,123.016365 C108.847889,123.66018 109.491705,124.948567 109.491705,125.592382 C109.491705,126.236198 108.847889,128.1684 107.559502,128.1684 L96.6101055,133.965761 L96.6101055,242.812895 L104.98273,238.948491 C105.626546,238.304675 106.914932,238.304675 107.558748,238.948491 C108.202563,239.592307 108.847134,240.236877 109.49095,240.880693 L115.287556,258.270512 L284.677526,258.270512 L290.474132,247.321115 C291.762519,245.388913 294.982352,245.388913 296.270739,247.321115 L301.423529,257.626696 Z M196.440799,212.542232 L144.915158,212.542232 C142.982956,212.542232 141.69457,211.253846 141.69457,209.321644 C141.69457,207.389442 142.982956,206.101055 144.915158,206.101055 L196.440799,206.101055 C198.373002,206.101055 199.661388,207.389442 199.661388,209.321644 C199.661388,211.253846 198.373002,212.542232 196.440799,212.542232 Z M209.321644,173.89819 L144.915158,173.89819 C142.982956,173.89819 141.69457,172.609804 141.69457,170.677602 C141.69457,168.745399 142.982956,167.457013 144.915158,167.457013 L209.321644,167.457013 C211.253846,167.457013 212.542232,168.745399 212.542232,170.677602 C212.542232,172.609804 211.253846,173.89819 209.321644,173.89819 Z M183.559201,135.254148 L144.915158,135.254148 C142.982956,135.254148 141.69457,133.965761 141.69457,132.033559 C141.69457,130.101357 142.982956,128.812971 144.915158,128.812971 L183.559201,128.812971 C185.491403,128.812971 186.779789,130.101357 186.779789,132.033559 C186.779789,133.965761 185.491403,135.254148 183.559201,135.254148 Z M286.609728,83.7285065 L157.796757,83.7285065 C155.864555,83.7285065 154.576169,82.4401202 154.576169,80.5079181 C154.576169,78.575716 155.864555,77.2873297 157.796757,77.2873297 L286.610483,77.2873297 C288.542685,77.2873297 289.831071,78.575716 289.831071,80.5079181 C289.831071,82.4401202 288.54193,83.7285065 286.609728,83.7285065 Z" id="Shape" fill="#51565F"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
index 374386cf1..3b78d6d08 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
@@ -18,10 +18,17 @@
             <tr v-for="item in inboxesList" :key="item.id">
               <td>
                 <img
+                  v-if="item.avatarUrl"
                   class="woot-thumbnail"
                   :src="item.avatarUrl"
                   alt="No Page Image"
                 />
+                <img
+                  v-else
+                  class="woot-thumbnail"
+                  src="~dashboard/assets/images/flag.svg"
+                  alt="No Page Image"
+                />
               </td>
               <!-- Short Code  -->
               <td>