feat(envited.ascs.digital): Add Assets dummy pages (#131)

apps/design-system/src/components/Atoms/Button/Button.tsx

@@ -37,9 +37,9 @@ const Button: FC<Props> = ({
   }
 
   const sizeClassMap = {
-    [Size.small]: 'py-3 px-4 md:py-4 md:px-6 text-xs sm:text-sm',
-    [Size.medium]: 'py-4 px-8 text-sm sm:text-base',
-    [Size.large]: 'py-4 px-10 text-base sm:text-2xl',
+    [Size.small]: 'py-2 px-4 text-xs sm:text-sm',
+    [Size.medium]: 'px-8 py-3 text-sm sm:text-base',
+    [Size.large]: 'px-8 py-3 text-base sm:text-2xl',
   }
 
   const indicatorColour = {
@@ -59,7 +59,7 @@ const Button: FC<Props> = ({
     <button
       type="button"
       onClick={() => onClick()}
-      className={`${styleClassMap[type][style]} ${sizeClassMap[size]} ${extraClasses} disabled:opacity-50 font-bold leading-none transition duration-300 ease-in-out rounded-full`}
+      className={`${styleClassMap[type][style]} ${sizeClassMap[size]} ${extraClasses} disabled:opacity-50 font-bold leading-none transition duration-300 ease-in-out rounded-md`}
       disabled={isDisabled || isWorking}
     >
       {buttonView}

apps/design-system/src/index.ts

@@ -15,7 +15,7 @@ export { Table, TableBody, TableCell, TableFooter, TableHeader, TableRow } from
 export { ThemeToggle } from './components/Atoms/ThemeToggle'
 export { Tooltip } from './components/Atoms/Tooltip'
 
-export { ColorScheme, Language } from './types'
+export { ColorScheme, Language, Size } from './types'
 
 export { useClipboard, useLocalStorage } from './hooks'
 export { formatPercentage, formatDate, formatShortDate, calculateProfitPercentage } from './common/utils'

apps/envited.ascs.digital/app/assets/detail/page.tsx

@@ -0,0 +1,11 @@
+import { Asset } from '../../../modules/Asset'
+
+export default async function Index() {
+  return (
+    <>
+      <main className="mx-auto max-w-2xl px-4 pt-0 pb-12 sm:px-6 lg:max-w-7xl lg:px-8">
+        <Asset />
+      </main>
+    </>
+  )
+}

apps/envited.ascs.digital/app/assets/page.tsx

@@ -0,0 +1,11 @@
+import { Assets } from '../../modules/Assets'
+
+export default async function Index() {
+  return (
+    <>
+      <main className="mx-auto max-w-2xl px-4 pt-0 pb-12 sm:px-6 lg:max-w-7xl lg:px-8">
+        <Assets />
+      </main>
+    </>
+  )
+}

apps/envited.ascs.digital/common/constants/index.ts

@@ -1,6 +1,6 @@
 export { ERRORS } from './errors'
 export { RESPONSES } from './response'
-export { NAVIGATION_DASHBOARD } from './navigations'
+export { NAVIGATION, NAVIGATION_DASHBOARD } from './navigations'
 
 export const MINIMUM_PROFILE_REQUIREMENTS = ['name', 'category', 'logo', 'description']
 export const RESTRICTED_PROFILE_FIELDS = ['principalName', 'principalPhone', 'principalEmail']

apps/envited.ascs.digital/common/constants/navigations.ts

@@ -1,5 +1,12 @@
 import { ROUTES } from './routes'
 
+export const NAVIGATION = [
+  { name: 'Home', href: '/' },
+  { name: 'Assets', href: '/assets' },
+  { name: 'Members', href: '/members' },
+  { name: 'Contact', href: '#' },
+]
+
 export const NAVIGATION_DASHBOARD = [
   {
     href: ROUTES.DASHBOARD.HOME,