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

Signed-off-by: Jeroen Branje <[email protected]>

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 = {
@@ -53,13 +53,15 @@ const Button: FC<Props> = ({
     },
   }
 
+  // 'flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50'
+
   const buttonView = isWorking ? <LoadingIndicator size={size} colour={indicatorColour[type][style]} /> : children
 
   return (
     <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,13 @@
+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>
+    </>
+  )
+}
+
+export const dynamic = 'force-dynamic'

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

@@ -0,0 +1,13 @@
+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>
+    </>
+  )
+}
+
+export const dynamic = 'force-dynamic'