feat(envited.ascs.digital): add favicon

Signed-off-by: Roy Scheeren <[email protected]>
ASCS-eV · Jan 16, 2024 · b63c92e · b63c92e
1 parent a6ebd53
commit b63c92e
Show file tree

Hide file tree

Showing 17 changed files with 64 additions and 13 deletions.
diff --git a/apps/design-system/jest.config.ts b/apps/design-system/jest.config.ts
@@ -10,5 +10,4 @@ export default {
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   coverageDirectory: '../../coverage/apps/design-system',
-
 }
diff --git a/apps/design-system/src/common/utils/utils.test.ts b/apps/design-system/src/common/utils/utils.test.ts
@@ -1,6 +1,6 @@
 /* eslint-disable no-global-assign */
-/* eslint-disable no-native-reassign */
 
+/* eslint-disable no-native-reassign */
 import '@testing-library/jest-dom'
 
 import * as SUT from './utils'
@@ -51,7 +51,6 @@ describe('common/utils', () => {
       ['1970-01-01T00:00:00Z', 'January 1, 1970'],
       ['2021-09-27T10:26:14Z', 'September 27, 2021'],
     ])('should, with value %s, return %s as expected', (date, result) => {
-
       // when ... we provide a value
       // then ... it should return as expected
       expect(SUT.formatDate(date)).toEqual(result)

diff --git a/apps/design-system/src/components/Atoms/ThemeToggle/ThemeToggle.ui.test.tsx b/apps/design-system/src/components/Atoms/ThemeToggle/ThemeToggle.ui.test.tsx
@@ -6,16 +6,13 @@ import ThemeToggle from './ThemeToggle'
 
 describe('compoments/ThemeToggle', () => {
   describe('render', () => {
-    it.each([
-      [ColorScheme.light],
-      [ColorScheme.dark],
-    ])('should render ThemeToggle in state', (theme) => {
+    it.each([[ColorScheme.light], [ColorScheme.dark]])('should render ThemeToggle in state', theme => {
       // when ... rendering component
       const { container, getByRole } = render(<ThemeToggle selectedTheme={theme} onToggle={noop} />)
 
       const themeToggleElement = getByRole('button')
       const svg = container.querySelector('svg')
-      
+
       // then ... should render as expected
       expect(themeToggleElement).toBeInTheDocument()
       expect(svg).toBeInTheDocument()

diff --git a/apps/envited.ascs.digital/app/layout.tsx b/apps/envited.ascs.digital/app/layout.tsx
@@ -12,6 +12,13 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <head>
         <title>{metadata.title}</title>
         <meta name="description" content={metadata.description} />
+        <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+        <link rel="manifest" href="/site.webmanifest" />
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#758bb7" />
+        <meta name="msapplication-TileColor" content="#758bb7" />
+        <meta name="theme-color" content="#ffffff"></meta>
       </head>
       <body className="bg-white dark:bg-gray-800">
         <Providers>{children}</Providers>

diff --git a/apps/envited.ascs.digital/common/database/seed.ts b/apps/envited.ascs.digital/common/database/seed.ts
@@ -13,7 +13,7 @@ const seed = async () => {
   try {
     // Insert seeding requirements here
     let connection = null
-    
+
     if (process.env.ENV === 'development') {
       connection = await connectDb()
     } else {

diff --git a/apps/envited.ascs.digital/modules/HeroHeader/HeroHeader.ui.test.tsx b/apps/envited.ascs.digital/modules/HeroHeader/HeroHeader.ui.test.tsx
@@ -1,8 +1,8 @@
+import { render } from '@testing-library/react'
 import { useSession } from 'next-auth/react'
 import React from 'react'
 
 import { HeroHeader } from './HeroHeader'
-import { render } from '@testing-library/react'
 
 jest.mock('next-auth/react')
 
@@ -27,10 +27,10 @@ describe('modules/HeroHeader', () => {
     it('should return as expected', async () => {
       // when ... rendering component
       // then ... should render with expected css class
-      
+
       mockUseSession.mockReturnValue({})
       const { container } = render(<HeroHeader />)
-      
+
       expect(container.firstChild).toHaveClass('mx-auto max-w-6xl')
     })
   })

diff --git a/apps/envited.ascs.digital/public/android-chrome-72x72.png b/apps/envited.ascs.digital/public/android-chrome-72x72.png
diff --git a/apps/envited.ascs.digital/public/apple-touch-icon.png b/apps/envited.ascs.digital/public/apple-touch-icon.png
diff --git a/apps/envited.ascs.digital/public/browserconfig.xml b/apps/envited.ascs.digital/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#758bb7</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/apps/envited.ascs.digital/public/favicon-16x16.png b/apps/envited.ascs.digital/public/favicon-16x16.png
diff --git a/apps/envited.ascs.digital/public/favicon-32x32.png b/apps/envited.ascs.digital/public/favicon-32x32.png
diff --git a/apps/envited.ascs.digital/public/favicon.ico b/apps/envited.ascs.digital/public/favicon.ico
diff --git a/apps/envited.ascs.digital/public/favicon.png b/apps/envited.ascs.digital/public/favicon.png
diff --git a/apps/envited.ascs.digital/public/mstile-150x150.png b/apps/envited.ascs.digital/public/mstile-150x150.png
diff --git a/apps/envited.ascs.digital/public/safari-pinned-tab.svg b/apps/envited.ascs.digital/public/safari-pinned-tab.svg
diff --git a/apps/envited.ascs.digital/public/site.webmanifest b/apps/envited.ascs.digital/public/site.webmanifest
@@ -0,0 +1,14 @@
+{
+  "name": "Envited Marketplace",
+  "short_name": "Envited",
+  "icons": [
+    {
+      "src": "/android-chrome-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/apps/envited.ascs.digital/setupTests.ts b/apps/envited.ascs.digital/setupTests.ts
@@ -1,5 +1,4 @@
 import '@testing-library/jest-dom'
-
 import { TextDecoder, TextEncoder } from 'util'
 
 Object.assign(global, { TextDecoder, TextEncoder })
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,5 +10,4 @@ export default { @@
       },
       moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
       coverageDirectory: '../../coverage/apps/design-system',
     }