@sikka/hawa 0.0.201 → 0.0.202

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.201",
3
+ "version": "0.0.202",
4
4
  "description": "SaaS Oriented UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
@@ -65,12 +65,19 @@ export const CheckoutForm: React.FunctionComponent<CheckoutFormTypes> = (
65
65
  <div className="mb-2 text-center text-xl font-semibold">
66
66
  {props.texts.orderDetails}
67
67
  </div>
68
- <HawaTable
69
- direction={isArabic ? "rtl" : "ltr"}
70
- columns={["Product", "Price"]}
71
- rows={props.products}
72
- end={["Total", props.total]}
73
- />
68
+ <div className="rounded border border-gray-300">
69
+ <HawaTable
70
+ direction={isArabic ? "rtl" : "ltr"}
71
+ columns={[
72
+ { hidden: false, value: "Product" },
73
+ { hidden: true, value: "ID" },
74
+ { hidden: false, value: "Price" },
75
+ ]}
76
+ borders="inner"
77
+ rows={props.products}
78
+ bordersWidth="1"
79
+ />
80
+ </div>
74
81
  </div>
75
82
  <div>
76
83
  <div className="my-2 text-center text-xl font-semibold">
@@ -65,7 +65,10 @@ export const ConfirmationPage: React.FunctionComponent<
65
65
  {props.products && (
66
66
  <HawaTable
67
67
  direction={isArabic ? "rtl" : "ltr"}
68
- columns={["Product", "Price"]}
68
+ columns={[
69
+ { hidden: false, value: "Product" },
70
+ { hidden: false, value: "Price" },
71
+ ]}
69
72
  rows={props.products}
70
73
  // end={["Total", props.total]}
71
74
  />
@@ -38,14 +38,6 @@ export const ReferralStats: React.FunctionComponent<TReferralStats> = ({
38
38
  <div className="mt-3">
39
39
  <div className="mb-1">Sign ups</div>
40
40
  <div className="rounded">
41
- {/* <HawaTable
42
- columns={["date", "email", "amount"]}
43
- rows={[
44
- ["2020/10/11 @ 9:45 pm", "sadsd", "dsodk"],
45
- ["2020/10/11 @ 9:45 pm", "sadsd", "dsodk"],
46
- ["2020/10/11 @ 9:45 pm", "sadsd", "dsodk"],
47
- ]}
48
- /> */}
49
41
  <ReferralSignUpCard
50
42
  date="2020/10/11 @ 9:45 pm"
51
43
  email="zakher@sikka.io"
@@ -192,7 +192,8 @@ export const HawaTable: React.FunctionComponent<TableTypes> = ({
192
192
  })
193
193
  ) : (
194
194
  <tr className="bg-transparent">
195
- <td colSpan={props.columns.length}>
195
+ {/* {console.log('props', props.columns.length)} */}
196
+ <td colSpan={20}>
196
197
  <div
197
198
  className={clsx(
198
199
  "w-full rounded-b bg-white p-5 text-center",