@chainplatform/layout 0.2.6 → 0.2.8

package/index.js

@@ -6,6 +6,7 @@ import {
     getUserCourseLayout,
     getUserOrderLayout,
     getCourseLearingLayout,
+    getCartConfirmLayout,
     getScreenWebinarSize
 } from "./src/Layout";
 import { getCartLayout } from "./src/Cart";
@@ -20,6 +21,7 @@ export {
     getScreenSizeAdmin,
     getScreenSize,
     getCartLayout,
+    getCartConfirmLayout,
     getTransactionLayout,
     getCourseLayout,
     getUserCourseLayout,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chainplatform/layout",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "@chainplatform/layout",
   "main": "index.js",
   "devDependencies": {

package/src/Cart.js

@@ -10,5 +10,6 @@ export function getCartLayout(layoutWidth, isDesktop = true) {
     let view = {};
     view.basePadding = basePadding;
     view.itemWidth = itemWidth;
+    view.totalItem = totalItem;
     return view;
 }

package/src/Layout.js

@@ -173,6 +173,32 @@ export function getTransactionLayout(layoutWidth, isDesktop) {
     return view;
 }
 
+export function getCartConfirmLayout(layoutWidth, isDesktop, side_bar_width) {
+    let viewPadding = 0;
+    let viewSplit = sdkStyles.w100pc;
+    let borderRadius = 0;
+    let marginBottom = setSize(1);
+    let sideBarWidth = 0;
+    if (isDesktop && layoutWidth > sdkStyles.base_desktop) {
+        sideBarWidth = side_bar_width;
+        borderRadius = setSize(4);
+        marginBottom = setSize(10);
+    }
+    if (layoutWidth >= sdkStyles.wide_split_desktop) {
+        viewSplit = sdkStyles.w50pc;
+    }
+    if (layoutWidth >= 767) {
+        viewPadding = setSize(15);
+    }
+    let view = {};
+    view.viewPadding = viewPadding;
+    view.viewSplit = viewSplit;
+    view.sideBarWidth = sideBarWidth;
+    view.itemBorderRadius = borderRadius;
+    view.itemMarginBottom = marginBottom;
+    return view;
+}
+
 export function getCourseLayout(layoutWidth, isDesktop) {
     let viewSplit = sdkStyles.w100pc;
     let viewPadding = 0;