diff --git a/src/assets/lotties/walking-celery.json b/src/assets/lotties/walking-celery.json new file mode 100644 index 0000000..475e005 --- /dev/null +++ b/src/assets/lotties/walking-celery.json @@ -0,0 +1,2829 @@ +{ + "v": "4.8.0", + "meta": { + "g": "LottieFiles AE 1.1.0", + "a": "", + "k": "", + "d": "", + "tc": "" + }, + "fr": 29.9700012207031, + "ip": 0, + "op": 24.00000097754, + "w": 710, + "h": 902, + "nm": "walk", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "PA-1", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [355, 451, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [10.5, -60] + ], + "o": [ + [0, 0], + [-7.508, 42.905] + ], + "v": [ + [-62, 78], + [-124.5, 225] + ], + "c": false + } + ] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 6, + "s": [ + { + "i": [ + [0, 0], + [124.5, -144] + ], + "o": [ + [0, 0], + [-28.488, 32.95] + ], + "v": [ + [-62, 78], + [-47.5, 176] + ], + "c": false + } + ] + }, + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 12, + "s": [ + { + "i": [ + [0, 0], + [-40.5, -21] + ], + "o": [ + [0, 0], + [38.668, 20.05] + ], + "v": [ + [-62, 78], + [6.5, 211] + ], + "c": false + } + ] + }, + { + "t": 23.0000009368092, + "s": [ + { + "i": [ + [0, 0], + [10.5, -60] + ], + "o": [ + [0, 0], + [-7.508, 42.905] + ], + "v": [ + [-62, 78], + [-124.5, 225] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [0, 0.13925372853, 0.256272738588, 1], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 17, + "ix": 5 + }, + "lc": 2, + "lj": 1, + "ml": 4, + "bm": 0, + "nm": "Stroke 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-60.534, 78.348], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-60.534, 78.348], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "left-foot", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 39.236, + "ix": 10 + }, + "p": { + "a": 0, + "k": [300, 537.5, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-222.995, -42.605, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "right-hand", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [236, 434, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-73, -26, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [-34.982, -57.7] + ], + "o": [ + [0, 0], + [28.763, 47.443] + ], + "v": [ + [-86.883, -24.768], + [-106.312, 75.029] + ], + "c": false + } + ] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 9, + "s": [ + { + "i": [ + [0, 0], + [-61.396, -20.055] + ], + "o": [ + [0, 0], + [44.039, 14.385] + ], + "v": [ + [-86.509, -24.385], + [-62.3, 53.262] + ], + "c": false + } + ] + }, + { + "t": 23.0000009368092, + "s": [ + { + "i": [ + [0, 0], + [-34.982, -57.7] + ], + "o": [ + [0, 0], + [28.763, 47.443] + ], + "v": [ + [-86.883, -24.768], + [-106.312, 75.029] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [0.047058827269, 0.156862745098, 0.282352941176, 1], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 18, + "ix": 5 + }, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "Stroke 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-84.369, -24.988], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-87.139, -23.533], + "ix": 1 + }, + "s": { + "a": 0, + "k": [97.428, 98.279], + "ix": 3 + }, + "r": { + "a": 0, + "k": 1.26, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "lips", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": -11.354, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [327.5, 421.25, 0], + "to": [0, -1.667, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 11, + "s": [327.5, 411.25, 0], + "to": [0, 0, 0], + "ti": [0, -1.667, 0] + }, + { + "t": 24.00000097754, + "s": [327.5, 421.25, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [0, 0], + [0, 0], + [-28, 0] + ], + "o": [ + [0, 0], + [0, 0], + [24.5, 0] + ], + "v": [ + [37.25, 15.5], + [-15, 15.5], + [11.75, 42.75] + ], + "c": true + }, + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [1, 1, 1, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [11.842, 21.16], + "ix": 2 + }, + "a": { + "a": 0, + "k": [9.851, 28.809], + "ix": 1 + }, + "s": { + "a": 0, + "k": [54.325, 53.657], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 2", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [0, 0], + [0, 0], + [-28, 0] + ], + "o": [ + [0, 0], + [0, 0], + [24.5, 0] + ], + "v": [ + [37.25, 15.5], + [-15, 15.5], + [11.75, 42.75] + ], + "c": true + }, + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.047058823529, 0.156862745098, 0.282352941176, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [0, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 2, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "eyes", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": -11.828, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [331.25, 356.94, 0], + "to": [0, -1.667, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 10, + "s": [331.25, 346.94, 0], + "to": [0, 0, 0], + "ti": [0, -1.667, 0] + }, + { + "t": 24.00000097754, + "s": [331.25, 356.94, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [14.523, -66.276, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [153.343, 125.444, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [10.438, 32.572], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 20, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.047058823529, 0.156862745098, 0.282352941176, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [42.621, -66.493], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 2", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [10.438, 32.572], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 20, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.047058823529, 0.156862745098, 0.282352941176, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-0.894, -63.996], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 2, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 7, + "ty": 4, + "nm": "Shape Layer 7", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [396.5, 269, 0], + "to": [0.333, -3.167, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 13, + "s": [398.5, 250, 0], + "to": [0, 0, 0], + "ti": [0.333, -3.167, 0] + }, + { + "t": 23.0000009368092, + "s": [396.5, 269, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-71.125, -178.556, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [91.388, 93.461, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [57.2, 142.576], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 214, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.494117676978, 0.854902020623, 0.423529441684, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-87.48, -249.784], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [118.039, 119.339], + "ix": 3 + }, + "r": { + "a": 0, + "k": -9.134, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 8, + "ty": 4, + "nm": "Shape Layer 3", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [286.5, 301, 0], + "to": [-1, -7, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 10, + "s": [281.5, 273, 0], + "to": [0, 0, 0], + "ti": [-0.833, -4.667, 0] + }, + { + "t": 23.0000009368092, + "s": [286.5, 301, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-71.125, -178.556, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [101.23, 99.688, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [57.2, 142.576], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 214, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.509803921569, 0.882352941176, 0.435294117647, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-87.48, -249.784], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [118.039, 119.339], + "ix": 3 + }, + "r": { + "a": 0, + "k": -9.134, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 9, + "ty": 4, + "nm": "Shape Layer 6", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [341.5, 278, 0], + "to": [-0.333, -3, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 11, + "s": [339.5, 260, 0], + "to": [0, 0, 0], + "ti": [-0.333, -3, 0] + }, + { + "t": 23.0000009368092, + "s": [341.5, 278, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-71.125, -178.556, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [117.634, 110.275, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [57.2, 142.576], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 214, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.458823559331, 0.788235353956, 0.392156892664, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-87.48, -249.784], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [118.039, 119.339], + "ix": 3 + }, + "r": { + "a": 0, + "k": -9.134, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 10, + "ty": 4, + "nm": "Shape Layer 4", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [198.5, 317, 0], + "to": [-0.5, -2.667, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 12, + "s": [195.5, 301, 0], + "to": [0, 0, 0], + "ti": [-0.5, -2.667, 0] + }, + { + "t": 23.0000009368092, + "s": [198.5, 317, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-71.125, -178.556, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [86.988, 83.138, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [57.2, 142.576], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 214, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.494117676978, 0.854902020623, 0.423529441684, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-87.48, -249.784], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [118.039, 119.339], + "ix": 3 + }, + "r": { + "a": 0, + "k": -9.134, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 11, + "ty": 4, + "nm": "Shape Layer 5", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 0, + "s": [239.5, 286, 0], + "to": [-1, -2.5, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 10, + "s": [233.5, 271, 0], + "to": [0, 0, 0], + "ti": [-1, -2.5, 0] + }, + { + "t": 23.0000009368092, + "s": [239.5, 286, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-71.125, -178.556, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [94.669, 105.293, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [57.2, 142.576], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 214, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.360784313725, 0.713725490196, 0.286274509804, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-87.48, -249.784], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [118.039, 119.339], + "ix": 3 + }, + "r": { + "a": 0, + "k": -9.134, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 13, + "ty": 4, + "nm": "body", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": -6.828, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [307, 397.94, 0], + "to": [0, -1.667, 0], + "ti": [0, 0, 0] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 6, + "s": [307, 387.94, 0], + "to": [0, 0, 0], + "ti": [0, -1.667, 0] + }, + { + "t": 12.00000048877, + "s": [307, 397.94, 0] + } + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-148, -36, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100.167, 99.834, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.560784313725, 0.878431372549, 0.498039215686, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [0, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 2, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [28.33, 28.33], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.560784313725, 0.878431372549, 0.498039215686, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-75.07, 5.008], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [78.33, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Ellipse 2", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 2, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [28.33, 28.33], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.560784313725, 0.878431372549, 0.498039215686, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-165.851, 7.305], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Ellipse 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 3, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { + "a": 0, + "k": [210.051, 364.069], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "r": { + "a": 0, + "k": 278, + "ix": 4 + }, + "nm": "Rectangle Path 1", + "mn": "ADBE Vector Shape - Rect", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.647058823529, 0.921568627451, 0.592156862745, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-150.365, -42.571], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Rectangle 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 4, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 17, + "ty": 4, + "nm": "PA-2", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [355, 451, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [-40.5, -21] + ], + "o": [ + [0, 0], + [38.668, 20.05] + ], + "v": [ + [-62, 78], + [6.5, 211] + ], + "c": false + } + ] + }, + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 11, + "s": [ + { + "i": [ + [0, 0], + [10.5, -60] + ], + "o": [ + [0, 0], + [-7.508, 42.905] + ], + "v": [ + [-62, 78], + [-124.5, 225] + ], + "c": false + } + ] + }, + { + "i": { + "x": 0.667, + "y": 1 + }, + "o": { + "x": 0.333, + "y": 0 + }, + "t": 17, + "s": [ + { + "i": [ + [0, 0], + [124.5, -144] + ], + "o": [ + [0, 0], + [-28.488, 32.95] + ], + "v": [ + [-62, 78], + [-47.5, 176] + ], + "c": false + } + ] + }, + { + "t": 24.00000097754, + "s": [ + { + "i": [ + [0, 0], + [-40.5, -21] + ], + "o": [ + [0, 0], + [38.668, 20.05] + ], + "v": [ + [-62, 78], + [6.5, 211] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [0, 0.13925372853, 0.256272738588, 1], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 17, + "ix": 5 + }, + "lc": 2, + "lj": 1, + "ml": 4, + "bm": 0, + "nm": "Stroke 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-60.534, 78.348], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-60.534, 78.348], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 18, + "ty": 4, + "nm": "right-hand 3", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [376, 434, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-73, -26, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [100, 100, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [-42.176, -11.745] + ], + "o": [ + [0, 0], + [15.429, 4.297] + ], + "v": [ + [-86.883, -24.768], + [-32.485, 24.567] + ], + "c": false + } + ] + }, + { + "i": { + "x": 0.833, + "y": 0.833 + }, + "o": { + "x": 0.167, + "y": 0.167 + }, + "t": 10, + "s": [ + { + "i": [ + [0, 0], + [-28.232, -33.207] + ], + "o": [ + [0, 0], + [10.328, 12.148] + ], + "v": [ + [-87.499, -24.376], + [-70.462, 46.734] + ], + "c": false + } + ] + }, + { + "t": 24.00000097754, + "s": [ + { + "i": [ + [0, 0], + [-42.176, -11.745] + ], + "o": [ + [0, 0], + [15.429, 4.297] + ], + "v": [ + [-86.883, -24.768], + [-32.485, 24.567] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [0.047058827269, 0.156862745098, 0.282352941176, 1], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 18, + "ix": 5 + }, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "Stroke 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-84.369, -24.988], + "ix": 2 + }, + "a": { + "a": 0, + "k": [-87.139, -23.533], + "ix": 1 + }, + "s": { + "a": 0, + "k": [97.428, 98.279], + "ix": 3 + }, + "r": { + "a": 0, + "k": 1.26, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 19, + "ty": 4, + "nm": "Shape Layer 2", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [345, 369, 0], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [116.173, 132.797, 100], + "ix": 6 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [493.579, 77.661], + "ix": 2 + }, + "p": { + "a": 0, + "k": [0, 0], + "ix": 3 + }, + "nm": "Ellipse Path 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.904236079197, 0.904236079197, 0.904236079197, 1], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [-28.442, 234.505], + "ix": 2 + }, + "a": { + "a": 0, + "k": [0, 0], + "ix": 1 + }, + "s": { + "a": 0, + "k": [59.127, 37.952], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "Transform" + } + ], + "nm": "Ellipse 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 900.000036657751, + "st": 0, + "bm": 0 + } + ], + "markers": [] +} diff --git a/src/components/Products/ProductList.tsx b/src/components/Products/ProductList.tsx index 56a3a8d..036423e 100644 --- a/src/components/Products/ProductList.tsx +++ b/src/components/Products/ProductList.tsx @@ -6,6 +6,7 @@ import { Transition, Dialog } from '@headlessui/react'; import { useSweets } from '../../hooks/sweets/sweetsHooks'; import ModifyProduct from './ModifyProduct'; import PublishModal from './PublishModal'; +import UnPublishModal from './UnPublishModal'; const ProductList: React.FC = () => { const [addModalState, setAddModalState] = useState(false); @@ -124,6 +125,7 @@ interface ProductRowProps { const ProductTableRow: React.FC = ({ _id, product }) => { const [modifyModalState, setModifyModalState] = useState(false); const [publishModalState, setPublishModalState] = useState(false); + const [unPublishModalState, setUnPublishModalState] = useState(false); const lineColor = `border-b border-gray-200 ${ _id % 2 === 0 ? 'dark:bg-gray-100' : 'dark:bg-gray-300 bg-gray-50' @@ -144,6 +146,71 @@ const ProductTableRow: React.FC = ({ _id, product }) => { statusStyle = 'bg-brown-200 text-brown-600'; } + const isPublished = product.status === 'PUBLISHED'; + + const publishSVG = ( + + + + + ); + + const unpublishedSVG = ( + + + + + + + ); + return ( <> @@ -209,20 +276,14 @@ const ProductTableRow: React.FC = ({ _id, product }) => {
setPublishModalState(true)} + onClick={ + isPublished + ? () => setUnPublishModalState(true) + : () => setPublishModalState(true) + } className="w-4 mr-2 transform hover:text-purple-500 hover:scale-110" > - - - - + {isPublished ? unpublishedSVG : publishSVG}
@@ -314,6 +375,50 @@ const ProductTableRow: React.FC = ({ _id, product }) => { + + + +
+ + + + + +
+ +
+ +
+ + ); }; diff --git a/src/components/Products/PublishModal.tsx b/src/components/Products/PublishModal.tsx index 3484535..06fd4df 100644 --- a/src/components/Products/PublishModal.tsx +++ b/src/components/Products/PublishModal.tsx @@ -4,6 +4,8 @@ import PublishSweetRequest from '../../hooks/sweets/requests/PublishSweetRequest import { publishSweet } from '../../hooks/sweets/sweetsHooks'; import { useQueryClient } from 'react-query'; import { useToasts } from 'react-toast-notifications'; +import Lottie from 'react-lottie-player'; +import animationJson from '../../assets/lotties/walking-celery.json'; interface PublishModalProps { product: ProductModelRow; @@ -26,6 +28,7 @@ const PublishModal: React.FC = ({ appearance: 'info', autoDismiss: true, }); + setOpenedModal(false); } return ( @@ -33,23 +36,12 @@ const PublishModal: React.FC = ({
-
- -
+

= ({ ) } type="button" - className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm" + className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-purple-600 text-base font-medium text-white hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 sm:ml-3 sm:w-auto sm:text-sm" > Publier diff --git a/src/components/Products/UnPublishModal.tsx b/src/components/Products/UnPublishModal.tsx new file mode 100644 index 0000000..65837cf --- /dev/null +++ b/src/components/Products/UnPublishModal.tsx @@ -0,0 +1,97 @@ +import React from 'react'; +import ProductModelRow from './ProductModelRow'; +import UnPublishSweetRequest from '../../hooks/sweets/requests/UnPublishSweetRequest'; +import { unPublishSweet } from '../../hooks/sweets/sweetsHooks'; +import { useQueryClient } from 'react-query'; +import { useToasts } from 'react-toast-notifications'; + +interface UnPublishModalProps { + product: ProductModelRow; + setOpenedModal: (openedModal: boolean) => void; +} + +const UnPublishModal: React.FC = ({ + product, + setOpenedModal, +}) => { + const queryClient = useQueryClient(); + const { addToast } = useToasts(); + + async function handleUnPublishSweet(productId: string) { + const request = new UnPublishSweetRequest(productId); + const result = await unPublishSweet(request); + // refresh sweets + await queryClient.invalidateQueries('all-sweets'); + addToast(`Sweet ${result.name.value} unpublished`, { + appearance: 'info', + autoDismiss: true, + }); + setOpenedModal(false); + } + + return ( + <> +
+
+
+
+ +
+
+ +
+ {/*

Are you sure you want to deactivate your account? All of your data will be permanently removed. This action cannot be undone.

*/} +

+ Êtes-vous vraiment certain de vouloir retirer la mignardise de + la boutique ? Cette mignardise ne sera plus disponible à + l'achat dans la boutique après cette action. +

+
+
+
+
+
+ + +
+
+ + {/*

*/} + + ); +}; + +export default UnPublishModal; diff --git a/src/hooks/sweets/requests/UnPublishSweetRequest.ts b/src/hooks/sweets/requests/UnPublishSweetRequest.ts new file mode 100644 index 0000000..9905a84 --- /dev/null +++ b/src/hooks/sweets/requests/UnPublishSweetRequest.ts @@ -0,0 +1,7 @@ +export default class UnPublishSweetRequest { + id: string | undefined; + + constructor(id: string | undefined) { + this.id = id; + } +} diff --git a/src/hooks/sweets/sweetsHooks.ts b/src/hooks/sweets/sweetsHooks.ts index f240fd4..18c9de7 100644 --- a/src/hooks/sweets/sweetsHooks.ts +++ b/src/hooks/sweets/sweetsHooks.ts @@ -5,6 +5,7 @@ import CreateSweetRequest from './requests/CreateSweetRequest'; import PublishSweetRequest from './requests/PublishSweetRequest'; import ProductModel from '../../components/Products/ProductModel'; import UpdateSweetRequest from './requests/UpdateSweetRequest'; +import UnPublishSweetRequest from './requests/UnPublishSweetRequest'; export function useSweets() { return useQuery(`all-sweets`, async () => { @@ -44,6 +45,15 @@ export async function publishSweet(publishSweetRequest: PublishSweetRequest) { return data; } +export async function unPublishSweet(request: UnPublishSweetRequest) { + const { data } = await authenticatedRequest({ + url: `admin/sweets/publish`, + method: 'DELETE', + data: request, + }); + return data; +} + export async function uploadSweetImage(sweetId: string, image: File) { const formData = new FormData(); formData.append('image', image);