svg

apps/web/priv/static/app/svg/ButtonAnimation.svg

@@ -1,6 +0,0 @@
-
- <animateMotion id="{this.name}-Motion" xmlns:xlink="http://www.w3.org/1999/xlink"
-  xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1" begin="indefinite" fill="freeze">
-           <mpath xlink:href="#{this.name}"/>
-        </animateMotion>
-

apps/web/priv/static/app/svg/Discarder.svg

@@ -0,0 +1,21 @@
+<g xmlns="http://www.w3.org/2000/svg" id="{this.name}">
+    <g id="roll-up" transform="translate(2, -14)" cursor="pointer">
+    <path d="M4.399,15.107 L27.399,15.107 C29.016,15.107 30.519,15.589 31.778,16.416 C31.784,16.244 31.803,16.076 31.803,15.902 C31.803,7.12 24.683,0 15.903,0 C7.12,0 1.13686838e-13,7.12 1.13686838e-13,15.902 C1.13686838e-13,16.075 0.021,16.243 0.024,16.414 C1.283,15.59 2.785,15.107 4.399,15.107 L4.399,15.107 Z" fill="#B5C6D8" />
+    <path d="M19.24225,12.07775 C18.82425,12.07775 18.40525,11.91775 18.08525,11.59875 L15.43925,8.95175 L12.79325,11.59875 C12.15325,12.23475 11.11925,12.23475 10.47925,11.59875 C9.84025,10.95675 9.84025,9.92375 10.47925,9.28375 L14.28425,5.47775 C14.92625,4.84075 15.96025,4.84075 16.59725,5.47775 L20.40425,9.28375 C21.04425,9.92575 21.04425,10.95875 20.40425,11.59875 C20.08125,11.91775 19.66025,12.07775 19.24225,12.07775 L19.24225,12.07775 L19.24225,12.07775 Z" fill="#FFFFFF"/>
+    </g>
+
+    <g id="history" transform="translate(-2,-13)">
+        <g id="container" transform="translate(0,50)">
+            <rect id="back" fill="#B5C6D8" x="0" y="0" width="40" height="0" rx="8"></rect>
+            <g id="roll-down" transform="translate(4, -14)" cursor="pointer">
+                <path d="M4.399,15.107 L27.399,15.107 C29.016,15.107 30.519,15.589 31.778,16.416 C31.784,16.244 31.803,16.076 31.803,15.902 C31.803,7.12 24.683,0 15.903,0 C7.12,0 1.13686838e-13,7.12 1.13686838e-13,15.902 C1.13686838e-13,16.075 0.021,16.243 0.024,16.414 C1.283,15.59 2.785,15.107 4.399,15.107 L4.399,15.107 Z" id="Shape" fill="#B5C6D8" />
+                <path d="M12.053,5.132 C12.471,5.132 12.891,5.292 13.211,5.611 L15.857,8.258 L18.503,5.611 C19.142,4.975 20.177,4.975 20.817,5.611 C21.456,6.253 21.456,7.286 20.817,7.926 L17.012,11.732 C16.369,12.369 15.336,12.369 14.698,11.732 L10.891,7.926 C10.252,7.284 10.252,6.251 10.891,5.611 C11.215,5.292 11.635,5.132 12.053,5.132 L12.053,5.132 L12.053,5.132 Z" fill="#FFFFFF" />
+            </g>
+        </g>
+        <g id="cards" transform="translate(4 0)"></g>
+    </g>
+
+    <g id="top-card" transform="translate(-2, 0)">
+        <rect id="Shape" fill="#B5C6D8" x="0" y="0" width="40" height="60" rx="8" />
+    </g>
+</g>