diff --git a/com.github.Melawy.ArchUpdate/contents/assets/default.svg b/com.github.Melawy.ArchUpdate/contents/assets/default.svg
index 997346d..90875ee 100644
--- a/com.github.Melawy.ArchUpdate/contents/assets/default.svg
+++ b/com.github.Melawy.ArchUpdate/contents/assets/default.svg
@@ -1,64 +1,85 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
 <svg
-   width="512mm"
-   height="512mm"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg13150"
+   width="22"
+   height="22"
+   version="1"
+   id="svg19685"
+   sodipodi:docname="default.svg"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="software-update-available.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs19689">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20198">
+      <stop
+         style="stop-color:#33abff;stop-opacity:1;"
+         offset="0"
+         id="stop20194" />
+      <stop
+         style="stop-color:#0079cc;stop-opacity:1;"
+         offset="1"
+         id="stop20196" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20198"
+       id="linearGradient20200"
+       x1="15.905684"
+       y1="10.01451"
+       x2="15.905684"
+       y2="21.985489"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
   <sodipodi:namedview
-     id="namedview13152"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="true"
-     inkscape:pageopacity="0.0"
+     id="namedview19687"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
      inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="true"
-     showguides="true"
-     inkscape:zoom="0.2604753"
-     inkscape:cx="573.95077"
-     inkscape:cy="900.2773"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="37.590909"
+     inkscape:cx="10.986699"
+     inkscape:cy="14.830713"
      inkscape:window-width="1920"
      inkscape:window-height="1006"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     shape-rendering="auto"
-     borderlayer="true"
-     showborder="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid19134"
-       originx="0"
-       originy="0" />
-  </sodipodi:namedview>
-  <defs
-     id="defs13147" />
-  <g
-     inkscape:label="Слой 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <ellipse
-       style="fill:#ffb400;fill-opacity:0;stroke:#dedede;stroke-width:29.0416;stroke-dasharray:none;stroke-opacity:1"
-       id="path19132"
-       cy="255.99997"
-       cx="255.99998"
-       rx="241.47922"
-       ry="241.47919" />
-    <path
-       d="M 256.01872,128.00006 352,252.45485 H 293.48214 V 384 L 218.5553,382.96397 V 252.45482 H 160 C 192.54448,211.28176 224.55318,169.79469 256.01872,128 Z"
-       style="fill:#dedede;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.203694"
-       id="path18381" />
-  </g>
+     inkscape:current-layer="svg19685" />
+  <path
+     fill="#e4e4e4"
+     d="m8 1-1 1v2h-6v15c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-15h-6v-2l-1-1zm0 1h6v2h-6z"
+     id="path19673" />
+  <path
+     fill="#fff"
+     opacity=".1"
+     d="m8 1-1 1v0.5l1-1h6l1 1v-0.5l-1-1h-6zm-7 3v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6z"
+     id="path19675" />
+  <path
+     opacity=".2"
+     d="m8 2v0.5h6v-0.5h-6zm-7 17v0.5c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-0.5c0 0.554-0.446 1-1 1h-18c-0.554 0-1-0.446-1-1z"
+     id="path19677" />
+  <circle
+     fill="#4ab3e4"
+     cx="16"
+     cy="16"
+     r="6"
+     id="circle19679"
+     style="fill-opacity:1;fill:url(#linearGradient20200)" />
+  <path
+     fill="#fff"
+     d="m17 12v3.0155h2l-3 3.984-3-4.0158h2v-2.984h2.2973z"
+     id="path19681" />
+  <path
+     fill="#fff"
+     d="m13 19h6v1h-6z"
+     id="path19683" />
 </svg>
diff --git a/com.github.Melawy.ArchUpdate/contents/assets/error.svg b/com.github.Melawy.ArchUpdate/contents/assets/error.svg
index 1ace9b6..e55a0c2 100644
--- a/com.github.Melawy.ArchUpdate/contents/assets/error.svg
+++ b/com.github.Melawy.ArchUpdate/contents/assets/error.svg
@@ -1,73 +1,82 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
 <svg
-   width="512mm"
-   height="512mm"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg13150"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   width="22"
+   height="22"
+   version="1"
+   id="svg14"
    sodipodi:docname="error.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview13152"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="true"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="true"
-     showguides="true"
-     inkscape:zoom="0.18418385"
-     inkscape:cx="1007.1458"
-     inkscape:cy="496.78622"
-     inkscape:window-width="952"
-     inkscape:window-height="1000"
-     inkscape:window-x="960"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="layer1"
-     shape-rendering="auto"
-     borderlayer="true"
-     showborder="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid19134"
-       originx="0"
-       originy="0" />
-  </sodipodi:namedview>
   <defs
-     id="defs13147" />
-  <g
-     inkscape:label="Слой 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <ellipse
-       style="fill:#ff0000;fill-opacity:0;stroke:#ff0000;stroke-width:29.042;stroke-dasharray:none;stroke-opacity:1"
-       id="path19132"
-       cy="255.99997"
-       cx="255.99998"
-       rx="241.47922"
-       ry="241.47919" />
-    <path
-       style="fill:#ffff00;stroke:#000000;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-       d="m 243.61841,408.04986 c 0,22.05527 -0.72129,18.40914 -0.72129,40.39593 0,12.99473 43.64783,3.45204 52.43248,-29.33272 6.81539,-25.43537 9.05873,-44.95081 -2.79788,-75.34336 0,0 81.8394,13.96048 118.86773,-0.14106 10.50714,-4.00145 21.86051,-11.67463 25.21188,-22.40682 3.49406,-11.18913 -7.56625,-22.4697 -8.32081,-34.16738 -0.72263,-11.2026 5.40971,-22.3792 3.69871,-33.47393 -1.7534,-11.36966 -11.41779,-20.34555 -13.94884,-31.56774 -2.62051,-11.61884 3.20923,-24.57089 -0.9855,-35.71849 -2.99469,-7.95847 -12.35725,-12.09468 -16.28153,-19.63825 -4.73457,-9.1012 -0.23292,-23.13066 -8.12492,-29.68539 -22.23755,-18.46947 -168.59183,-24.69428 -199.12033,-0.31027 -25.25979,20.17575 -22.48216,176.46126 0.17705,184.18982 45.52601,15.52792 49.91325,65.1444 49.91325,87.19966 z"
-       id="path6182"
-       sodipodi:nodetypes="zsccaaaaaaasssz" />
-    <rect
-       style="fill:#ff7e00;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-dasharray:none;stroke-opacity:1"
-       id="rect1622"
-       width="100.91641"
-       height="208.3329"
-       x="95.223045"
-       y="-332.27689"
-       transform="scale(1,-1)" />
-  </g>
+     id="defs18">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1886">
+      <stop
+         style="stop-color:#ff6666;stop-opacity:1;"
+         offset="0"
+         id="stop1882" />
+      <stop
+         style="stop-color:#ff0500;stop-opacity:1;"
+         offset="1"
+         id="stop1884" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1888"
+       x1="15.932285"
+       y1="10.01451"
+       x2="15.932285"
+       y2="21.985489"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="9.3977273"
+     inkscape:cx="-25.006046"
+     inkscape:cy="12.183797"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     fill="#e4e4e4"
+     d="m8 1-1 1v2h-6v15c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-15h-6v-2l-1-1zm0 1h6v2h-6z"
+     id="path2" />
+  <path
+     fill="#fff"
+     opacity=".1"
+     d="m8 1-1 1v0.5l1-1h6l1 1v-0.5l-1-1h-6zm-7 3v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6z"
+     id="path4" />
+  <path
+     opacity=".2"
+     d="m8 2v0.5h6v-0.5h-6zm-7 17v0.5c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-0.5c0 0.554-0.446 1-1 1h-18c-0.554 0-1-0.446-1-1z"
+     id="path6" />
+  <circle
+     fill="#4ab3e4"
+     cx="16"
+     cy="16"
+     r="6"
+     id="circle8"
+     style="fill-opacity:1;fill:url(#linearGradient1888)" />
+  <path
+     d="m 15.97341,11.639404 a 0.87136524,0.87136524 0 0 0 -0.871365,0.871365 c 0,0.871366 0.2906,2.904696 0.580765,5.228192 h 0.5812 c 0.290165,-2.323496 0.580765,-4.356826 0.580765,-5.228192 A 0.87136524,0.87136524 0 0 0 15.97341,11.639404 Z m 0,6.970922 a 0.87136524,0.87136524 0 1 0 0,1.74273 0.87136524,0.87136524 0 0 0 0,-1.74273 z"
+     fill="#ffffff"
+     id="path5426"
+     style="stroke-width:0.435683" />
 </svg>
diff --git a/com.github.Melawy.ArchUpdate/contents/assets/install.svg b/com.github.Melawy.ArchUpdate/contents/assets/install.svg
new file mode 100644
index 0000000..7293b75
--- /dev/null
+++ b/com.github.Melawy.ArchUpdate/contents/assets/install.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="22"
+   height="22"
+   version="1"
+   id="svg19685"
+   sodipodi:docname="install.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs19689">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20198">
+      <stop
+         style="stop-color:#c83278;stop-opacity:1;"
+         offset="0"
+         id="stop20194" />
+      <stop
+         style="stop-color:#fa5050;stop-opacity:1;"
+         offset="1"
+         id="stop20196" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20198"
+       id="linearGradient20200"
+       x1="15.905684"
+       y1="10.01451"
+       x2="15.905684"
+       y2="21.985489"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview19687"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="9.3977273"
+     inkscape:cx="-24.68682"
+     inkscape:cy="7.8210399"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg19685" />
+  <path
+     fill="#e4e4e4"
+     d="m8 1-1 1v2h-6v15c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-15h-6v-2l-1-1zm0 1h6v2h-6z"
+     id="path19673" />
+  <path
+     fill="#fff"
+     opacity=".1"
+     d="m8 1-1 1v0.5l1-1h6l1 1v-0.5l-1-1h-6zm-7 3v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6z"
+     id="path19675" />
+  <path
+     opacity=".2"
+     d="m8 2v0.5h6v-0.5h-6zm-7 17v0.5c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-0.5c0 0.554-0.446 1-1 1h-18c-0.554 0-1-0.446-1-1z"
+     id="path19677" />
+  <circle
+     fill="#4ab3e4"
+     cx="16"
+     cy="16"
+     r="6"
+     id="circle19679"
+     style="fill-opacity:1;fill:url(#linearGradient20200)" />
+  <path
+     d="m 14.676405,11.985676 v 3.340171 H 13.00632 l 3.006622,3.006621 3.006623,-3.006621 H 17.34948 v -3.340171 z m -1.670085,5.011037 2.338745,2.337962 H 13.00632 v 0.668661 h 6.013245 V 19.334675 H 16.68082 l 2.338745,-2.337962 h -1.002208 l -2.004415,2.004416 -2.004414,-2.004416 z"
+     style="display:inline;fill:#ffffff;fill-opacity:1;stroke-width:0.801766;stroke-linecap:round"
+     id="rect1285" />
+</svg>
diff --git a/com.github.Melawy.ArchUpdate/contents/assets/ready.svg b/com.github.Melawy.ArchUpdate/contents/assets/ready.svg
index d6eaaca..05c6978 100644
--- a/com.github.Melawy.ArchUpdate/contents/assets/ready.svg
+++ b/com.github.Melawy.ArchUpdate/contents/assets/ready.svg
@@ -1,72 +1,85 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
 <svg
-   width="512mm"
-   height="512mm"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg13150"
+   width="22"
+   height="22"
+   version="1"
+   id="svg14"
+   sodipodi:docname="ready.svg"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="ready-to-upgrade.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1886">
+      <stop
+         style="stop-color:#ffa154;stop-opacity:1;"
+         offset="0"
+         id="stop1882" />
+      <stop
+         style="stop-color:#f37329;stop-opacity:1;"
+         offset="1"
+         id="stop1884" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1886"
+       id="linearGradient1888"
+       x1="15.932285"
+       y1="10.01451"
+       x2="15.932285"
+       y2="21.985489"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
   <sodipodi:namedview
-     id="namedview13152"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="true"
-     inkscape:pageopacity="0.0"
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
      inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="true"
-     showguides="true"
-     inkscape:zoom="0.18418385"
-     inkscape:cx="567.36787"
-     inkscape:cy="523.93301"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="13.290393"
+     inkscape:cx="-2.4829965"
+     inkscape:cy="6.4332182"
      inkscape:window-width="1920"
      inkscape:window-height="1006"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     shape-rendering="auto"
-     borderlayer="true"
-     showborder="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid19134"
-       originx="0"
-       originy="0" />
-  </sodipodi:namedview>
-  <defs
-     id="defs13147" />
-  <g
-     inkscape:label="Слой 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <ellipse
-       style="fill:#00ff00;fill-opacity:0;stroke:#00ff00;stroke-width:29.042;stroke-dasharray:none;stroke-opacity:1"
-       id="path19132"
-       cy="255.99997"
-       cx="255.99998"
-       rx="241.47922"
-       ry="241.47919" />
-    <path
-       style="fill:#ffff00;stroke:#000000;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
-       d="m 243.61841,105.27546 c 0,-22.055265 -0.72129,-18.409142 -0.72129,-40.395928 0,-12.994732 43.64783,-3.452037 52.43248,29.33272 6.81539,25.435368 9.05873,44.950808 -2.79788,75.343358 0,0 81.8394,-13.96048 118.86773,0.14106 10.50714,4.00145 21.86051,11.67463 25.21188,22.40682 3.49406,11.18913 -7.56625,22.4697 -8.32081,34.16738 -0.72263,11.2026 5.40971,22.3792 3.69871,33.47393 -1.7534,11.36966 -11.41779,20.34555 -13.94884,31.56774 -2.62051,11.61884 3.20923,24.57089 -0.9855,35.71849 -2.99469,7.95847 -12.35725,12.09468 -16.28153,19.63825 -4.73457,9.10118 -0.23292,23.13056 -8.12492,29.68525 -22.23755,18.46937 -168.59183,24.69414 -199.12033,0.31027 -25.25979,-20.17563 -22.48216,-176.46112 0.17705,-184.18968 45.52601,-15.52792 49.91325,-65.1444 49.91325,-87.19966 z"
-       id="path6182"
-       sodipodi:nodetypes="zsccaaaaaaasssz" />
-    <rect
-       style="fill:#ff7e00;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-dasharray:none;stroke-opacity:1"
-       id="rect1622"
-       width="100.91641"
-       height="208.3329"
-       x="95.223045"
-       y="181.04898" />
-  </g>
+     inkscape:current-layer="svg14" />
+  <path
+     fill="#e4e4e4"
+     d="m8 1-1 1v2h-6v15c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-15h-6v-2l-1-1zm0 1h6v2h-6z"
+     id="path2" />
+  <path
+     fill="#fff"
+     opacity=".1"
+     d="m8 1-1 1v0.5l1-1h6l1 1v-0.5l-1-1h-6zm-7 3v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6z"
+     id="path4" />
+  <path
+     opacity=".2"
+     d="m8 2v0.5h6v-0.5h-6zm-7 17v0.5c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-0.5c0 0.554-0.446 1-1 1h-18c-0.554 0-1-0.446-1-1z"
+     id="path6" />
+  <circle
+     fill="#4ab3e4"
+     cx="16"
+     cy="16"
+     r="6"
+     id="circle8"
+     style="fill-opacity:1;fill:url(#linearGradient1888)" />
+  <path
+     fill="#fff"
+     d="m17 12v3.0155h2l-3 3.984-3-4.0158h2v-2.984h2.2973z"
+     id="path10" />
+  <path
+     fill="#fff"
+     d="m13 19h6v1h-6z"
+     id="path12" />
 </svg>
diff --git a/com.github.Melawy.ArchUpdate/contents/assets/refresh.svg b/com.github.Melawy.ArchUpdate/contents/assets/refresh.svg
index ee4e33e..ebf286c 100644
--- a/com.github.Melawy.ArchUpdate/contents/assets/refresh.svg
+++ b/com.github.Melawy.ArchUpdate/contents/assets/refresh.svg
@@ -1,4 +1,91 @@
-<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
- <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-0.09375 1a7 7 0 0 1 0.09375 0 7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 6.9062-7z" fill="#dedede" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
- <path d="m5.1288 5.2144a4 4 0 0 0-0.57452 4.8172l2.0316-2.0316-0.70711-0.70711-0.87284 0.87283a3 3 0 0 1 0.83693-2.2511 3 3 0 0 1 0.035908-0.035908 3 3 0 0 1 3.4126-0.58419l0.74025-0.74025a4 4 0 0 0-4.86 0.61734 4 4 0 0 0-0.042813 0.042813zm0.83969 6.2314a4 4 0 0 0 4.86-0.61734 4 4 0 0 0 0.61596-4.8586l-2.0302 2.0302 0.70711 0.70711 0.87284-0.87283a3 3 0 0 1-0.87284 2.287 3 3 0 0 1-3.4126 0.58419z" fill="#dedede" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="22"
+   height="22"
+   version="1"
+   id="svg13220"
+   sodipodi:docname="refresh.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs13224">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient14669">
+      <stop
+         style="stop-color:#1ca0ff;stop-opacity:1;"
+         offset="0"
+         id="stop14665" />
+      <stop
+         style="stop-color:#0067b0;stop-opacity:1;"
+         offset="1"
+         id="stop14667" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14669"
+       id="linearGradient14675"
+       x1="15.852479"
+       y1="10.01451"
+       x2="15.852479"
+       y2="22.012093"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview13222"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="26.580787"
+     inkscape:cx="5.0036141"
+     inkscape:cy="13.336701"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13220" />
+  <path
+     fill="#e4e4e4"
+     d="m8 1-1 1v2h-6v15c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-15h-6v-2l-1-1zm0 1h6v2h-6z"
+     id="path13208" />
+  <path
+     fill="#fff"
+     opacity=".1"
+     d="m8 1-1 1v0.5l1-1h6l1 1v-0.5l-1-1h-6zm-7 3v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6zm7 0v0.5h6v-0.5h-6z"
+     id="path13210" />
+  <path
+     opacity=".2"
+     d="m8 2v0.5h6v-0.5h-6zm-7 17v0.5c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-0.5c0 0.554-0.446 1-1 1h-18c-0.554 0-1-0.446-1-1z"
+     id="path13212" />
+  <circle
+     fill="#4ab3e4"
+     cx="16"
+     cy="16"
+     r="6"
+     id="circle13214"
+     style="fill-opacity:1;fill:url(#linearGradient14675)" />
+  <g
+     id="g17646"
+     transform="matrix(0.82068965,0,0,0.82068965,2.7576367,2.9854983)">
+    <path
+       class="cls-2"
+       d="m 19.336951,17.935401 a 0.3749,0.3749 0 0 0 -0.5224,0.0909 3.41,3.41 0 0 1 -2.8042,1.5068 3.6653,3.6653 0 0 1 -3.5142,-3.791499 c 0,-0.0624 0.0145,-0.1233 0.0173,-0.1856 l 0.8077,1.0772 a 0.3750003,0.3750003 0 1 0 0.6,-0.450001 l -1.5,-1.999999 a 0.35,0.35 0 0 0 -0.0392,-0.035 0.36,0.36 0 0 0 -0.0355,-0.04 c -0.0061,-0.0046 -0.0136,-0.0053 -0.02,-0.01 a 0.3536,0.3536 0 0 0 -0.0671,-0.0322 0.3639,0.3639 0 0 0 -0.0694,-0.0241 0.3809,0.3809 0 0 0 -0.0623,-0.0032 0.3637,0.3637 0 0 0 -0.08,0.004 0.3785,0.3785 0 0 0 -0.0562,0.02 0.3558,0.3558 0 0 0 -0.0775,0.037 c -0.0056,0.0038 -0.0123,0.0043 -0.0177,0.0084 a 0.3475,0.3475 0 0 0 -0.0339,0.038 0.3451,0.3451 0 0 0 -0.0412,0.0369 l -1.5,2 a 0.375,0.375 0 1 0 0.6,0.45 l 0.8474,-1.129999 c -0.004,0.08 -0.0222,0.158199 -0.0222,0.238199 a 4.4144,4.4144 0 0 0 4.264,4.5419 4.1486,4.1486 0 0 0 3.4174,-1.825 0.3751,0.3751 0 0 0 -0.0908,-0.522701 z"
+       id="path13354"
+       style="fill:#ffffff" />
+    <path
+       class="cls-2"
+       d="m 21.845751,15.045801 a 0.3728,0.3728 0 0 0 -0.5244,0.0747 l -0.8409,1.1215 c 0.0019,-0.0566 0.0157,-0.1106 0.0157,-0.1674 a 4.4145,4.4145 0 0 0 -4.265,-4.541499 4.1508,4.1508 0 0 0 -3.4171,1.8242 0.3751,0.3751 0 1 0 0.6142,0.4307 3.4086,3.4086 0 0 1 2.8029,-1.5049 3.6647,3.6647 0 0 1 3.515,3.791499 c 0,0.0444 -0.0107,0.0861 -0.0121,0.13 l -0.8129,-1.0841 a 0.3750003,0.3750003 0 0 0 -0.6,0.450001 l 1.5,2 c 0.0085,0.0114 0.0217,0.0158 0.0312,0.0259 a 0.3479,0.3479 0 0 0 0.044,0.0493 c 0.0076,0.0057 0.0175,0.0035 0.0254,0.0085 a 0.3308,0.3308 0 0 0 0.3984,0 c 0.0079,-0.005 0.0178,-0.0028 0.0254,-0.0085 a 0.3479,0.3479 0 0 0 0.044,-0.0493 c 0.01,-0.01 0.0227,-0.0145 0.0312,-0.0259 l 1.5,-2 a 0.3748,0.3748 0 0 0 -0.075,-0.524701 z"
+       id="path13356"
+       style="fill:#ffffff" />
+  </g>
 </svg>
diff --git a/com.github.Melawy.ArchUpdate/contents/service/Updater.qml b/com.github.Melawy.ArchUpdate/contents/service/Updater.qml
index b60681a..6d7f372 100644
--- a/com.github.Melawy.ArchUpdate/contents/service/Updater.qml
+++ b/com.github.Melawy.ArchUpdate/contents/service/Updater.qml
@@ -17,11 +17,12 @@ Item {
       return
     }
     else {
+      root.upgradeStatus = root.installingStatus
+      updateUi()
       cmd.exec(Plasmoid.configuration.commandForUpgrade)
     }
   }
 
-  // execute function count each 30 minutes
   Timer {
     id: timer
     interval: Plasmoid.configuration.updateInterval * 60000 // minute to milisecond
@@ -33,7 +34,7 @@ Item {
 
   Timer {
     id: startUpTimer
-    interval: 10000 // 10 seconds
+    interval: 20000 // 20 seconds
     running: true
     repeat: false
     triggeredOnStart: false
diff --git a/com.github.Melawy.ArchUpdate/contents/ui/Compact.qml b/com.github.Melawy.ArchUpdate/contents/ui/Compact.qml
index 3d8c7c8..ec7c049 100644
--- a/com.github.Melawy.ArchUpdate/contents/ui/Compact.qml
+++ b/com.github.Melawy.ArchUpdate/contents/ui/Compact.qml
@@ -30,7 +30,7 @@ Item {
     radius: Math.round(width / 2)
     color: "Black"
     opacity: 0.7
-    visible: true
+    visible: false
     anchors {
         right: parent.right
         top: parent.top
diff --git a/com.github.Melawy.ArchUpdate/contents/ui/main.qml b/com.github.Melawy.ArchUpdate/contents/ui/main.qml
index de8d63d..a0abb41 100644
--- a/com.github.Melawy.ArchUpdate/contents/ui/main.qml
+++ b/com.github.Melawy.ArchUpdate/contents/ui/main.qml
@@ -17,6 +17,7 @@ Item {
   property string iconDefault: "../assets/default.svg"
   property string iconRefresh: "../assets/refresh.svg"
   property string iconReadyToUpgrade: "../assets/ready.svg"
+  property string iconInstalling: "../assets/install.svg"
   property string iconError: "../assets/error.svg"
 
   property string mainIcon: iconDefault
@@ -32,7 +33,8 @@ Item {
   property int normalStatus: 0
   property int checkingUpdatesStatus: 1
   property int readyStatus: 2
-  property int errorStatus: 3
+  property int installingStatus: 3
+  property int errorStatus: 4
 
   property int upgradeStatus: defaultStatus
 
@@ -76,22 +78,31 @@ Item {
     switch (upgradeStatus) {
       case normalStatus:
         mainIcon = iconDefault
+        compactRep.circle.visible = false
         break
       case checkingUpdatesStatus:
         mainIcon = iconRefresh
         //total = 0
+        compactRep.circle.visible = true
         total = "↻"
         break
       case readyStatus:
         mainIcon = iconReadyToUpgrade
+        compactRep.circle.visible = true
+        break
+      case installingStatus:
+        mainIcon = iconInstalling
+        compactRep.circle.visible = true
         break
       case errorStatus:
-        mainIcon=iconError
+        mainIcon = iconError
         total = 0
+        compactRep.circle.visible = false
         break
       default:
         mainIcon = iconDefault
         total = 0
+        compactRep.circle.visible = false
     }
   }