add lunarpay extension setup

README.md

@@ -16,6 +16,7 @@ Extensions (Apps & Widgets) for the DAOs on [peerme.io](https://peerme.io). For
 - xBulk: [xbulk.app](https://xbulk.app)
 - AshSwap: [ashswap.io](https://ashswap.io) (in progress)
 - ArtCPAClub [artcpaclub.com](https://marketplace.artcpaclub.com)
+- LunarPay [lunarpay.finance](https://lunarpay.finance) (in progress)
 
 ## Create your App
 

src/config.ts

@@ -4,12 +4,13 @@ import { XBulkExtension } from './extensions/xbulk/register'
 import { HatomExtension } from './extensions/hatom/register'
 import { ItheumExtension } from './extensions/itheum/register'
 import { StakingExtension } from './extensions/staking/register'
+import { AshSwapExtension } from './extensions/ashswap/register'
 import { CoindripExtension } from './extensions/coindrip/register'
+import { LunarPayExtension } from './extensions/lunarpay/register'
+import { Sense4fitExtension } from './extensions/sense4fit/register'
 import { XExchangeExtension } from './extensions/xexchange/register'
-import { PulsarMoneyExtension } from './extensions/pulsarmoney/register'
-import { AshSwapExtension } from './extensions/ashswap/register'
 import { ArtCpaClubExtension } from './extensions/artcpaclub/register'
-import { Sense4fitExtension } from './extensions/sense4fit/register'
+import { PulsarMoneyExtension } from './extensions/pulsarmoney/register'
 
 export const Config = (config: ExtensionConfig) => ({
   Extensions: [
@@ -25,6 +26,7 @@ export const Config = (config: ExtensionConfig) => ({
     AshSwapExtension(config),
     Sense4fitExtension(config),
     ArtCpaClubExtension(config),
+    LunarPayExtension(config),
   ],
 
   KnowledgeBase: {

src/extensions/lunarpay/register.ts

@@ -0,0 +1,22 @@
+import { App } from './src/App'
+import { Contracts } from './src/contracts'
+import { ExtensionConfig, ExtensionInfo } from '../../shared/types'
+
+export const LunarPayExtension = (config: ExtensionConfig): ExtensionInfo => ({
+  Enabled: false,
+  Name: 'LunarPay',
+  Description: 'Payments made simple for WEB3 businesses.',
+  Website: 'https://lunarpay.finance',
+  Logo: {
+    Light: '/images/extensions/lunarpay-logo.svg',
+    Dark: '/images/extensions/lunarpay-logo.svg',
+  },
+  Tags: ['defi'],
+  Contracts: Contracts(config),
+  AppRoot: App,
+  WidgetRoots: {},
+  Developer: {
+    Name: 'LunarPay',
+    Website: 'https://lunarpay.finance',
+  },
+})

src/extensions/lunarpay/src/App.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import { Tab } from '@headlessui/react'
+import { PayrollTab } from './payroll/PayrollTab'
+import { TabButton } from '../../../shared/ui/elements'
+import { faCoins } from '@fortawesome/free-solid-svg-icons'
+import { SubscriptionTab } from './subscription/SubscriptionTab'
+
+export const App = () => {
+  return (
+    <Tab.Group>
+      <Tab.List className="flex items-center space-x-2 md:space-x-4 mb-4">
+        <TabButton icon={faCoins}>Payroll</TabButton>
+        <TabButton icon={faCoins}>Subscriptions</TabButton>
+      </Tab.List>
+      <Tab.Panels>
+        <Tab.Panel>
+          <PayrollTab />
+        </Tab.Panel>
+        <Tab.Panel>
+          <SubscriptionTab />
+        </Tab.Panel>
+      </Tab.Panels>
+    </Tab.Group>
+  )
+}

src/extensions/lunarpay/src/config.ts

@@ -0,0 +1 @@
+export const Config = {}

src/extensions/lunarpay/src/contracts.tsx

@@ -0,0 +1,14 @@
+import { Network, ExtensionScInfo, ExtensionConfig } from '../../../shared/types'
+
+const getContractAddress = (network: Network) => {
+  if (network === 'devnet') return '#'
+  if (network === 'testnet') return '#'
+  return '#'
+}
+
+export const Contracts = (config: ExtensionConfig): ExtensionScInfo => ({
+  YourCustomScEndpoint: {
+    Address: getContractAddress(config.network),
+    Endpoint: 'yourCustomScEndpoint',
+  },
+})

src/extensions/lunarpay/src/payroll/PayrollTab.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { useApp } from '../../../../shared/hooks/useApp'
+import { AppSection } from '../../../../shared/ui/elements'
+
+export function PayrollTab() {
+  const app = useApp()
+
+  console.log(app)
+
+  return <AppSection title="Payroll Section">Coming soon.</AppSection>
+}

src/extensions/lunarpay/src/subscription/SubscriptionTab.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { useApp } from '../../../../shared/hooks/useApp'
+import { AppSection } from '../../../../shared/ui/elements'
+
+export function SubscriptionTab() {
+  const app = useApp()
+
+  console.log(app)
+
+  return <AppSection title="Subscription Section">Coming soon.</AppSection>
+}