Code optimization & other

Memoization & other

reactapp/build/static/css/231.699eab71.chunk.css

@@ -0,0 +1,2 @@
+.payment-page{align-items:center;display:flex;flex-direction:column;gap:20px;min-height:100%;width:96%}.payment-page .payment-page__price{color:#eb5e28;font-size:96px;font-weight:600;letter-spacing:0;line-height:80px;text-align:left}.payment-page .payment-page__payment-card{background:#252422;border-radius:20px;box-shadow:-4px -4px 10px 0 #00000040,4px 4px 10px 0 #00000040;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:20px;width:500px}.payment-page .payment-page__payment-card .payment-card__heading,.payment-page .payment-page__payment-card .payment-card__input{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px;text-align:left}.payment-page .payment-page__payment-card .payment-card__input{align-items:center;border:2px solid #ccc5b9;border-radius:12px;box-sizing:border-box;display:flex;height:60px;padding:5px 20px;width:100%}.payment-page .payment-page__payment-card .payment-card__inputs-group{display:flex;gap:20px;justify-content:space-between}.payment-page .payment-page__pay-link{align-items:center;background-color:#eb5e28;border-radius:15px;color:#fff;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;letter-spacing:0;line-height:29px;width:500px}
+/*# sourceMappingURL=231.699eab71.chunk.css.map*/

reactapp/build/static/css/231.699eab71.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/231.699eab71.chunk.css","mappings":"AAIA,cAMI,mBAHA,YAAa,CACb,qBAAsB,CACtB,QAAS,CAHT,eAAgB,CADhB,SAKmB,CANvB,mCASQ,aAXc,CAYd,cAAe,CACf,eAAgB,CAEhB,gBAAkB,CADlB,gBAAiB,CAEjB,eAAgB,CAdxB,0CA0BQ,mBAFA,kBAAmB,CACnB,8DAAuF,CAHvF,qBAAsB,CAHtB,YAAa,CACb,qBAAsB,CACtB,QAAS,CAET,YAAa,CALb,WAtBkB,CAI1B,gIA6BY,UAAY,CACZ,cAAe,CACf,eAAgB,CAEhB,gBAAkB,CADlB,gBAAiB,CAEjB,eAiBgB,CAnD5B,+DAyCY,kBAAmB,CAGnB,wBA/CQ,CAgDR,kBAAmB,CAFnB,qBAAsB,CAHtB,YAAa,CADb,WAAY,CAGZ,gBAA0B,CAJ1B,UAagB,CAnD5B,sEAuDY,YAAa,CAEb,SADA,6BACS,CAzDrB,sCAkEQ,kBAAmB,CACnB,wBArEc,CAsEd,kBAAmB,CACnB,UAAY,CALZ,YAAa,CAMb,cAAe,CACf,eAAgB,CARhB,WAAY,CAEZ,sBAAuB,CAQvB,iBADA,gBAAiB,CAVjB,WAWkB","sources":["PaymentStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.payment-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: center;\r\n\r\n    .payment-page__price {\r\n        color: $accent-color;\r\n        font-size: 96px;\r\n        font-weight: 600;\r\n        line-height: 80px;\r\n        letter-spacing: 0%;\r\n        text-align: left;\r\n    }\r\n\r\n    .payment-page__payment-card {\r\n        width: 500px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        box-sizing: border-box;\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n        background: $background-color;\r\n\r\n        .payment-card__heading {\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0%;\r\n            text-align: left;\r\n        }\r\n\r\n        .payment-card__input {\r\n            width: 100%;\r\n            height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 5px 20px 5px 20px;\r\n            box-sizing: border-box;\r\n            border: 2px solid $main-color;\r\n            border-radius: 12px;\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0%;\r\n            text-align: left;\r\n        }\r\n        \r\n        .payment-card__inputs-group {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 20px;\r\n        }\r\n    }\r\n\r\n    .payment-page__pay-link {\r\n        width: 500px;\r\n        height: 50px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: $accent-color;\r\n        border-radius: 15px;\r\n        color: white;\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n        line-height: 29px;\r\n        letter-spacing: 0%;\r\n    }\r\n}"],"names":[],"sourceRoot":""}

reactapp/build/static/css/44.55ed669a.chunk.css

@@ -0,0 +1,2 @@
+.profile-page{align-items:flex-start;display:flex;flex-direction:column;gap:20px;min-height:100%;width:96%}.profile-page .profile-page__nav{display:flex;justify-content:space-between;width:100%}.profile-page .profile-page__nav .profile-link{color:#fff;font-size:32px;font-weight:600;letter-spacing:0;line-height:39px}.profile-page .profile-page__nav .active{color:#eb5e28}.profile-page .profile-page__info-div{display:flex;flex-direction:column;max-width:150px}.profile-page .profile-page__info-div span{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px}.profile-page .orders-section{display:flex;flex-direction:column;gap:20px;width:100%}.profile-page .orders-section .orders-container{display:flex;gap:80px;width:100%}.profile-page .orders-section .orders-container .orders-div{align-items:flex-start;display:flex;flex-direction:row;gap:40px;justify-content:flex-start}.profile-page .orders-section .orders-container .orders-div .order-article{align-items:center;background:#252422;border-radius:15px;box-shadow:-4px -4px 10px 0 #00000040,4px 4px 10px 0 #00000040;display:flex;flex-direction:row;height:120px;justify-content:space-between;padding:0 14px;width:352px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:90px;min-width:90px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div .order-article__status-span{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div .order-article__info-span{color:grey;font-size:16px;font-weight:500;letter-spacing:0;line-height:20px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div .order-article__date-span{color:#fff;font-size:16px;font-weight:500;letter-spacing:0;line-height:20px}.profile-page .purchases-section{display:flex;flex-direction:column;gap:20px;width:100%}.profile-page .purchases-section .purchases-container{display:flex;gap:80px;width:100%}.profile-page .purchases-section .purchases-container .purchases-div{display:flex}.profile-page .profile-page__logout-button{width:48px}
+/*# sourceMappingURL=44.55ed669a.chunk.css.map*/

reactapp/build/static/css/503.9bd9b336.chunk.css

@@ -0,0 +1,2 @@
+.scam-page{display:flex;width:96%}.scam-page .scam-page__image{width:100%}
+/*# sourceMappingURL=503.9bd9b336.chunk.css.map*/

reactapp/build/static/css/503.9bd9b336.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/503.9bd9b336.chunk.css","mappings":"AAAA,WAEI,aADA,SACa,CAFjB,6BAKQ,UAAW","sources":["ScamStyle.scss"],"sourcesContent":[".scam-page {\r\n    width: 96%;\r\n    display: flex;\r\n\r\n    .scam-page__image {\r\n        width: 100%;\r\n    }\r\n}"],"names":[],"sourceRoot":""}

reactapp/build/static/css/944.441ba2b0.chunk.css

@@ -0,0 +1,2 @@
+.home-page{align-items:center;display:flex;flex-direction:column;min-height:100%;width:96%}.home-page .products-div{display:grid;flex-flow:wrap;grid-template-columns:repeat(auto-fill,260px);justify-content:space-between;padding-top:36px;width:100%}
+/*# sourceMappingURL=944.441ba2b0.chunk.css.map*/

reactapp/build/static/css/944.441ba2b0.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/944.441ba2b0.chunk.css","mappings":"AAIA,WAKI,mBAFA,YAAa,CACb,qBAAsB,CAFtB,eAAgB,CADhB,SAImB,CALvB,yBASQ,YAAa,CAGb,cAAe,CAFf,6CAA+C,CAC/C,6BAA8B,CAE9B,iBALA,UAKiB","sources":["HomeStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.home-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    .products-div {\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, 260px);\r\n        justify-content: space-between;\r\n        flex-flow: wrap;\r\n        padding-top: 36px;\r\n    }\r\n}"],"names":[],"sourceRoot":""}

reactapp/build/static/css/979.179629c8.chunk.css

@@ -0,0 +1,2 @@
+.info-page{align-items:center;display:flex;justify-content:space-around;min-height:100%;width:96%}.info-page .info-page__dev-card{border-radius:15px;height:400px;perspective:1000px;width:300px;z-index:1}.info-page .info-page__dev-card .dev-card__inner{border-radius:15px;box-shadow:-4px -4px 10px 0 #00000040,4px 4px 20px 0 #00000040;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%;z-index:1}.info-page .info-page__dev-card .dev-card__inner .dev-card__back,.info-page .info-page__dev-card .dev-card__inner .dev-card__front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;height:100%;position:absolute;width:100%;z-index:1}.info-page .info-page__dev-card .dev-card__inner .dev-card__front .dev-card__avatar{border-radius:15px;height:100%;width:100%}.info-page .info-page__dev-card .dev-card__inner .dev-card__back{background-color:#252422;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transform:rotateY(180deg)}.info-page .info-page__dev-card .dev-card__inner .dev-card__back .dev-card__name{font-size:24px}.info-page .info-page__dev-card .dev-card__inner .dev-card__back .dev-card__info{color:#ccc5b9}.info-page .info-page__dev-card .dev-card__inner .dev-card__back .dev-card__url{color:#fff;font-size:18px;text-decoration:underline}.info-page .info-page__dev-card:hover .dev-card__inner{transform:rotateY(180deg)}
+/*# sourceMappingURL=979.179629c8.chunk.css.map*/

reactapp/build/static/css/979.179629c8.chunk.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/979.179629c8.chunk.css","mappings":"AAIA,WAII,kBAAmB,CADnB,YAAa,CAEb,6BAHA,eAAgB,CADhB,SAI6B,CALjC,gCAWQ,kBAAmB,CAFnB,YAAa,CACb,kBAAmB,CAFnB,WAAY,CAIZ,SAAU,CAZlB,iDAiBY,kBAAmB,CAMnB,+DAJA,WAAY,CAJZ,iBAAkB,CAKlB,iBAAkB,CAElB,2BAA4B,CAD5B,wBAA0B,CAH1B,UAAW,CAFX,SAOuF,CAvBnG,mIA+BgB,8DAHA,kBAAmB,CAEnB,WAAY,CAJZ,iBAAkB,CAGlB,UAAW,CAFX,SAI2B,CA/B3C,oFAsCoB,mBADA,WAAY,CADZ,UAEmB,CAtCvC,iEA2CgB,wBA/CU,CAiDV,qBAAsB,CADtB,UAAY,CAIZ,YAAa,CACb,qBAAsB,CACtB,8BAJA,YAAa,CACb,yBAG8B,CAlD9C,iFAqDoB,cAAe,CArDnC,iFAyDoB,aA5DA,CAGpB,gFA8DoB,UAAY,CADZ,cAAe,CAEf,yBAA0B,CA/D9C,uDAsEQ,yBAA0B","sources":["InfoPageStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.info-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n\r\n    .info-page__dev-card {\r\n        width: 300px;\r\n        height: 400px;\r\n        perspective: 1000px;\r\n        border-radius: 15px;\r\n        z-index: 1;\r\n    \r\n        .dev-card__inner {\r\n            position: relative;\r\n            z-index: 1;\r\n            border-radius: 15px;\r\n            width: 100%;\r\n            height: 100%;\r\n            text-align: center;\r\n            transition: transform 0.6s;\r\n            transform-style: preserve-3d;\r\n            box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 20px 0px rgba(0, 0, 0, 0.25);\r\n    \r\n            .dev-card__front, .dev-card__back {\r\n                position: absolute;\r\n                z-index: 1;\r\n                border-radius: 15px;\r\n                width: 100%;\r\n                height: 100%;\r\n                backface-visibility: hidden;\r\n            }\r\n    \r\n            .dev-card__front {\r\n                .dev-card__avatar {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    border-radius: 15px;\r\n                }\r\n            }\r\n            \r\n            .dev-card__back {\r\n                background-color: $background-color;\r\n                color: white;\r\n                box-sizing: border-box;\r\n                padding: 20px;\r\n                transform: rotateY(180deg);\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n\r\n                .dev-card__name {\r\n                    font-size: 24px;\r\n                }\r\n\r\n                .dev-card__info {\r\n                    color: $main-color;\r\n                }\r\n\r\n                .dev-card__url {\r\n                    font-size: 18px;\r\n                    color: white;\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n    }\r\n      \r\n    .info-page__dev-card:hover .dev-card__inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n}"],"names":[],"sourceRoot":""}