table components scaffold

packages/commonwealth/client/scripts/views/pages/RewardsPage/RewardsPage.tsx

@@ -15,6 +15,7 @@ import {
 import { PageNotFound } from '../404';
 import RewardsTab from './RewardsTab';
 import { QuestCard, RefferalCard, WalletCard } from './cards';
+import { QuestTable, ReferralTable, WalletTable } from './tables';
 import {
   MobileTabType,
   TableType,
@@ -98,11 +99,9 @@ const RewardsPage = () => {
           </CWTabsRow>
         </div>
 
-        {tableTab === TableType.Referrals && <div>Referrals table</div>}
-        {tableTab === TableType.TokenTXHistory && (
-          <div>TokenTXHistory table</div>
-        )}
-        {tableTab === TableType.XPEarnings && <div>XPEarnings table</div>}
+        {tableTab === TableType.Referrals && <ReferralTable />}
+        {tableTab === TableType.TokenTXHistory && <QuestTable />}
+        {tableTab === TableType.XPEarnings && <WalletTable />}
       </section>
     </CWPageLayout>
   );

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/QuestTable/QuestTable.scss

@@ -0,0 +1,2 @@
+.QuestTable {
+}

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/QuestTable/QuestTable.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+import './QuestTable.scss';
+
+export const QuestTable = () => {
+  return <div className="QuestTable">Quest Table</div>;
+};

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/QuestTable/index.ts

@@ -0,0 +1 @@
+export * from './QuestTable';

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/ReferralTable/ReferralTable.scss

@@ -0,0 +1,2 @@
+.ReferralTable {
+}

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/ReferralTable/ReferralTable.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+import './ReferralTable.scss';
+
+export const ReferralTable = () => {
+  return <div className="ReferralTable">Referral Table</div>;
+};

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/ReferralTable/index.ts

@@ -0,0 +1 @@
+export * from './ReferralTable';

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/WalletTable/WalletTable.scss

@@ -0,0 +1,2 @@
+.WalletTable {
+}

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/WalletTable/WalletTable.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+import './WalletTable.scss';
+
+export const WalletTable = () => {
+  return <div className="WalletTable">Wallet Table</div>;
+};

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/WalletTable/index.ts

@@ -0,0 +1 @@
+export * from './WalletTable';

packages/commonwealth/client/scripts/views/pages/RewardsPage/tables/index.ts

@@ -0,0 +1,5 @@
+import { QuestTable } from './QuestTable';
+import { ReferralTable } from './ReferralTable';
+import { WalletTable } from './WalletTable';
+
+export { QuestTable, ReferralTable, WalletTable };