From 0e0d50eecc482aff27218e62307f6221864b0d34 Mon Sep 17 00:00:00 2001
From: soham4abc <sohambanerjee4abc@hotmail.com>
Date: Fri, 9 Sep 2022 09:54:06 +0530
Subject: [PATCH] feat(ui): Clearing status UI Implemented

---
 src/assets/images/do-not-use.png              | Bin 0 -> 1025 bytes
 src/assets/images/identified.png              | Bin 0 -> 582 bytes
 src/assets/images/no-license.png              | Bin 0 -> 512 bytes
 src/assets/images/not-cleared.png             | Bin 0 -> 484 bytes
 src/assets/images/to-be-discussed.png         | Bin 0 -> 669 bytes
 .../BrowseUploads/LicenseBrowser/index.jsx    |  32 +++++++++++++++++-
 6 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/do-not-use.png
 create mode 100644 src/assets/images/identified.png
 create mode 100644 src/assets/images/no-license.png
 create mode 100644 src/assets/images/not-cleared.png
 create mode 100644 src/assets/images/to-be-discussed.png

diff --git a/src/assets/images/do-not-use.png b/src/assets/images/do-not-use.png
new file mode 100644
index 0000000000000000000000000000000000000000..20dbef8eaee53ca8307e73522b35a23f6bbb4af3
GIT binary patch
literal 1025
zcmV+c1pfPpP)<h;3K|Lk000e1NJLTq000;O000*V1^@s65h0H)000BXNkl<ZNXM0w
zOKeqD6o$XG&pEx1KDe}45P7s(icrLgibnA<P!pq4o=FV@5S7Hl7<EG81k{-W6I2Eu
zASMuM6tpqKfpOp?3^Wz3rIw4fTF{z%TcK(1y}kFIvzLR4hV~pS|74%+wbuXdf31DC
z5P|KT&r;=8lFg4)TeS-morh9|FedPaV17$@@v*Y?IkI726b&+U<M9uk!iX`x^;;C(
zfa?7UHvqE$4=4enz|VqwhVYSRydSMvdu-EzXn`%qpQdbm1gTfm=M;Scn9u*?f*=P(
zWUs0YS2z_M*|_gYfgK+|&v0%8&+%HU+Sh>x05b#f%do&FM$C(W2I*O`8V<I-34nR+
zt36zr7$xS$npO1>@X%F~^LPFus(R2Bw{g6bW9O&4Cj&oZdWpO7Dy#NYMOTMatAI5^
z;25ltNEJobShc$xaT0^0=K*k<)-MNPlU2JDaHn}ULiKowrRglq=?sZNnX#HUf$I<<
z)huwPZ2jH`pL`g%vLabi3`*O8*z}VNH}+*{@A#JHbQZ51P)K-m-MWB|_Elu+s}a?y
zWl5{LE$Jmrj^zI=n6mX(s_LpR@@t1i*|Gl=D|&{gDEWvg$$W`>zU*h);jgL8mCz6y
zimomPezR|VjJ38ENQHU5_ltfO4PFfG!!4&Tu%hSpsF~DR>~gCX12h26)C{j2(DYL_
za-gnnS#oX|(a^9_)rE>;6itL?SjF`%{{`0%q67duK`_8jShN^(IKMCzS*;=rE}D&v
z{$sKLMnuj4`7nZ0cQtY;6>5<F>+AUb=Ib!wCi8-%0gNL~m%u<+i_R{s=jfK(7@kvk
zh44UQ9q(?vo#8o^Vb>JkoQU)qF*rTVeWNY&RxAY8gk}EPP)qm9`DEr+Gq|{x&+lvE
z_@-6{7uRCK$q{6KuADoWa1%)T``ZyQO9C5oD!MGJz#2gXL?@pOV~ILBf^-{W)}cDk
zvH1`t?j;y2jh_>dmzjL$r@>go3G|;eiX6CTjM<$p<p)yn6adb59p7-rmb;0$@jl=B
z<BHx1B)CclGUABy(yVyRG0*YzVA~s$0s!6bb<wi9RV$o|u0Vq{&;nco$PBnuM7ka0
zyik{{Jyr~g_VBvB|GK~YadhK;K!e`w*%OX&9y4NI5u^twMi5U3(rv`-@{G6kOt!BR
z)E;VkYl^cFZ2j;V9OKGFxiHtNZMEo4C=H4xMI;COVlX|faZb-pq%sqJQQuy>C!%#T
vz&odpl8UD&_yuZW)s%xW>z6$`quKlgIg6KvnCyPS00000NkvXXu0mjfMxyMo

literal 0
HcmV?d00001

diff --git a/src/assets/images/identified.png b/src/assets/images/identified.png
new file mode 100644
index 0000000000000000000000000000000000000000..16fbe18f00f21406aef54a6b5ed5e9196778ce63
GIT binary patch
literal 582
zcmV-M0=fN(P)<h;3K|Lk000e1NJLTq000;O000*V1^@s65h0H)00004XF*Lt006O%
z3;baP0005~Nkl<ZNK0d6zz6;_Fb1rMQ(|Lfl=%0bQHt>&qa;ZAf2RM>nHc{+`}33W
zmB<&i2eZ;={l;q!Hp$@C3I3rg6RJX1#-9jXmGB=M4qlOPCUj+DbJ&Xb0HQ4jtq)}j
zSry*_#7}V<j42-f6zGuNqzy^Dcr6NCk*FWMDsBhR@L$9m4)@(}pq?|q%i|reTH-M=
zmpyb<`~flyMhU)<l?k^)SEcb|SQ54(p`KF1VfulVw4+!MwkF;>bY=WqYFPj@>m|^V
zaEAZ?85#WN#|r>c%si?Y4oz{uNZ%W@CP|(lWM!Ng(6%>Jw_sKLUvPv6Es1jkrkcOh
zwg6;a@alMHhS1fCd9*MbZ05@NdB7k_$fubFtLb9FvIHku`2ZXTAuD4ofl2BkEi3_A
z;K1O&K3)JA5A&&Q0np5S;CuiAL2F{&fxdW5ElYrAy#?af`uch%c##pZBCdss7EE9O
zR#qtGQRu2r9-yt)D76HbX+H%njt19!7$9V2qCL=(b3jW#Wjoed43{`C%>RU}O1KZI
z3Gr4sF^gijfeQP87JVhw5|G-k6>-yXx*Xj`<C$r!K`Y}jgIB~)0DAca9*bTBT|Nhx
z9J4*P<+2l9FGCeFx&nO@ygJq}czLvK$cp#^U=S_>V;~zO2CM;%LCG8?wV>Go0IL)O
UAMm1TIsgCw07*qoM6N<$f_;4SH2?qr

literal 0
HcmV?d00001

diff --git a/src/assets/images/no-license.png b/src/assets/images/no-license.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a9f0d74d3da9a63bc4ce13a118722d0e685ffc5
GIT binary patch
literal 512
zcmV+b0{{JqP)<h;3K|Lk000e1NJLTq000;O000*V1ONa4yC_Gd0005UNkl<ZILnoj
zJ!n%=6vuz(yreH0zr|>RHiB3b45HvvJNQw=L6;5%Cvhl37b`9;q*QDb#MMbrP`55l
zE){7MaS`hWI6TxUSQTk2*wEDEy>}cWHfbCC{7)C|?|1Lv+<SzY3{oVS2-2ikONs9?
z;rukq*CI%DF+^NSSvzU%>|z5hJ~MohC)|&XSvg-Xgj_;b2dAx@ohbF0mSMS8dY9sS
zRT$<C@vXrX>m<(7d8s|ON4w|)9LNz%2RE$)hep|AhxWfJe>}kmdYMF%-)qPDcd~Xh
zo}C4pHiDz!5H8ClLnZUD6?NV43~QFf0qgwM@(Zo(w$>;(&}@f&G~7ojqJSO9h_a($
zGZzcnCs(Sii;4p)!kEhRe+WgXC?4ggyo~2(RbKElA|LW>0ChbnL=?ugplHdLTTDf1
zk=)CFaB$jjKl@1zF8bCB>n~_;q1cb}h&IzPn#s)%(-Qbw?GC&oBRFt_*K_)qB)JAp
zX!2Cg&OG191^$lcMKlp~*g5ttkc<hrqt`26w$b(HuIkPpcR7`^BX*2EY$k!v58lhD
zJZSPP=$kLD_P7CJm=mtIO}0wPOzKq2oJW7%mA?Ud=#t@Ef_)|c0000<MNUMnLSTZ}
Cf#<XU

literal 0
HcmV?d00001

diff --git a/src/assets/images/not-cleared.png b/src/assets/images/not-cleared.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d2f1726df7ab41c8e0e0287df7dd632b4451c5c
GIT binary patch
literal 484
zcmV<A0UQ2_P)<h;3K|Lk000e1NJLTq000;O000*V1^@s65h0H)00004XF*Lt006O%
z3;baP0004-Nkl<ZNK3Vq!7Bt&9LIkf5jLezQYcXp4irUka&vK6Im^+-frI2vz(Eem
zO}R)42j#-i0l9Eeu2v{w?auoAwl@khJ2UOPSKs};H}Cg8-~CPV-b+Y`=7=<tR+|;6
zD;G)7&+wBbJ`tZoAiPsDA_KtZ(IL9YiG1Zn^28U$=V%Mfp{7VCEa*fBfE1cjsGrFD
zL}zFfH54@>p$1K$>tax^Io4#+4s-p!CL~Np1^>;b;#Z#4|1$yJj;=~I(DiWEiOC-m
z9#o?JIN-+M1KtAtvVw`e8uS>Kfiby+*`@F*v=%4aWx<^k1}$_>EEz0o1*6EZWZ-B8
zV>aL})4l<(r<KidYN?79tssfXrVRtQQ-ys1e3pT3ao<BN>Kwc~)Z-ddGdPY42{>Vw
znCJR14TB+djl%@aHquM#cjMtqsRn#7Z=P^-Ch2{ULbp+kSflsB9vTe1-GGmfc!ci5
z7?Gz3+XlI9fp9m0<O&vz6BjA_g8qa4OEqNtu2rI4ohSB&274s}=s<mF*i@$<L^o;-
a0)GQ(_%^37-UTrL0000<MNUMnLSTaUk<X3*

literal 0
HcmV?d00001

diff --git a/src/assets/images/to-be-discussed.png b/src/assets/images/to-be-discussed.png
new file mode 100644
index 0000000000000000000000000000000000000000..1df9fafb97e356526bd66d94494ecda4ba386bcb
GIT binary patch
literal 669
zcmV;O0%HA%P)<h;3K|Lk000e1NJLTq000;O000*V1^@s65h0H)00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;ROr|HY&`@k2(MV0xC&F
zK~zY`wUtdslyMM;f4_O(RdCnngUC#%Bn*lODskO%*Yu`fr@$z0UAokzgWaN29;0JI
zR4y(Fl|hAM<hDU|Fo__c4-z&MM55efOLyOyE*45|DZcw$XL#oSG0YJE;QhNRoSA-J
z>p10AW?nUbtqY+k(wX$UpVOYsPc*gM&lhvBSm5Qe6UWSKFJK*{G%S~6rlX`hGPBXf
zSmNG_3Jk=<Wi>TBE&=EwS&fx3X{HG`P<gRF(wiw-;6<`?KY$(pEhGb29R&byR14=L
z%>yHU6?pt0T3%VXZ3sXNYrsrDlJ22!H2xg`<aZzxs_tH^8~{k!Wmf23a)Vc?Q-@Ux
zH%ZpQ2h405u(LJWkKcAu!|m(EDZ4<j1wKJC2-wDK=EI1%fl!^9cEESo?0IuLMKvD;
zxWRWlDI%^Tu3NE>q@V<t*-25&6D5LlASf|n=DjVQUgJVKKg@KtL=`*{35)}{<NpWi
zQ_}e?4NZODNH<}oUwo8*1#mr^Nv8z>!qNB;fEzwu;MS(ik-pZpq{^Zpb=geEedzs+
zr}I5^d(PRCX&R39X91ou)3JrwzS?K;%xr>W*O8-lr~b6*;-tn{BB`2hGPA2@np=fD
z2k@GwbCGbgfAGIM`N_jrpdwgx8o+LVog}vuanG3PASq*x8|<x*^v<n#=>uSDxV<7!
zwysXK5F+Iuzyk|ser=|sB5sa!K4mlM+19qCE+_c~YAxjG^x<De00000NkvXXu0mjf
D_n;<u

literal 0
HcmV?d00001

diff --git a/src/pages/BrowseUploads/LicenseBrowser/index.jsx b/src/pages/BrowseUploads/LicenseBrowser/index.jsx
index 6cface0e4..729089617 100644
--- a/src/pages/BrowseUploads/LicenseBrowser/index.jsx
+++ b/src/pages/BrowseUploads/LicenseBrowser/index.jsx
@@ -34,6 +34,13 @@ import { getUploadSummary, getUploadLicense } from "services/upload";
 // Helper function for error handling
 import { handleError } from "shared/helper";
 
+// Clearing status Assests
+import DoNotUse from "../../../assets/images/do-not-use.png";
+import Identified from "../../../assets/images/identified.png";
+import NoLicense from "../../../assets/images/no-license.png";
+import NotCleared from "../../../assets/images/not-cleared.png";
+import ToBeDiscussed from "../../../assets/images/to-be-discussed.png";
+
 const LicenseBrowser = () => {
   // Setting the upload Id
   const [uploadId, setuploadId] = useState();
@@ -86,6 +93,17 @@ const LicenseBrowser = () => {
     }
   }, [uploadId]);
 
+  function getClearingImage(status, scanner) {
+    if (scanner[0] === "No_license_found") return NoLicense;
+    if (status === "DO_NOT_USE") return DoNotUse;
+    if (status === "IRRELEVANT") return Identified;
+    if (status === "IDENTIFIED") return Identified;
+    if (status === "NON_FUNCTIONAL") return DoNotUse;
+    if (status === "not_found") return NotCleared;
+    if (status === "TO_BE_DISCUSSED") return ToBeDiscussed;
+    return NoLicense;
+  }
+
   return (
     <>
       <Title title="License Browser" />
@@ -149,7 +167,19 @@ const LicenseBrowser = () => {
                                 })
                               : null}
                           </td>
-                          <td>-</td>
+                          <td>
+                            {data.clearing_status !== null &&
+                            filteredScanner !== null ? (
+                              <img
+                                src={getClearingImage(
+                                  data.clearing_status,
+                                  filteredScanner
+                                )}
+                                alt="clearing-img"
+                                className="rounded mx-auto d-block"
+                              />
+                            ) : null}
+                          </td>
                           <td>-</td>
                           <td>-</td>
                         </tr>