Update favicon, manifest, page border (#127)

This commit is contained in:
Charles Bochet
2023-05-18 10:07:47 +02:00
committed by GitHub
parent cdc9e24ac0
commit 4211d5872b
18 changed files with 59 additions and 26 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
front/public/icon-48x48.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

BIN
front/public/icon-72x72.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
front/public/icon-96x96.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -2,17 +2,20 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/icon-48x48.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta <meta
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app"
/> />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/icon-192x192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> <link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<title>Twenty</title> <title>Twenty</title>
</head> </head>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

View File

@ -1,16 +1,51 @@
{ {
"short_name": "React App", "short_name": "Twenty",
"name": "Create React App Sample", "name": "Twenty",
"icons": [ "icons": [
{ {
"src": "favicon.ico", "src": "icon-48x48.png",
"sizes": "48x48", "sizes": "48x48",
"type": "image/x-icon" "type": "image/png"
}, },
{ {
"src": "logo192.png", "src": "icon-72x72.png",
"type": "image/png", "sizes": "72x72",
"sizes": "192x192" "type": "image/png"
},
{
"src": "icon-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "icon-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "icon-152x152.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "icon-284x284.png",
"sizes": "284x284",
"type": "image/png"
},
{
"src": "icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
} }
], ],
"start_url": ".", "start_url": ".",

View File

@ -20,7 +20,7 @@ describe('Company mappers', () => {
account_owner: { account_owner: {
id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87', id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
email: 'john@example.com', email: 'john@example.com',
display_name: 'John Doe', displayName: 'John Doe',
__typename: 'User', __typename: 'User',
}, },
pipes: [ pipes: [

View File

@ -12,7 +12,7 @@ describe('User mappers', () => {
now.setMilliseconds(0); now.setMilliseconds(0);
const graphQLUser = { const graphQLUser = {
id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b', id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',
display_name: 'John Doe', displayName: 'John Doe',
email: 'john.doe@gmail.com', email: 'john.doe@gmail.com',
workspace_member: { workspace_member: {
id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e88', id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e88',
@ -30,7 +30,7 @@ describe('User mappers', () => {
expect(User).toStrictEqual({ expect(User).toStrictEqual({
__typename: 'users', __typename: 'users',
id: graphQLUser.id, id: graphQLUser.id,
displayName: graphQLUser.display_name, displayName: graphQLUser.displayName,
email: graphQLUser.email, email: graphQLUser.email,
workspaceMember: { workspaceMember: {
id: graphQLUser.workspace_member.id, id: graphQLUser.workspace_member.id,
@ -64,7 +64,7 @@ describe('User mappers', () => {
const graphQLUser = mapToGqlUser(user); const graphQLUser = mapToGqlUser(user);
expect(graphQLUser).toStrictEqual({ expect(graphQLUser).toStrictEqual({
id: user.id, id: user.id,
display_name: user.displayName, displayName: user.displayName,
email: user.email, email: user.email,
workspace_member_id: user.workspaceMember.id, workspace_member_id: user.workspaceMember.id,
__typename: 'users', __typename: 'users',

View File

@ -15,7 +15,7 @@ export interface User {
export type GraphqlQueryUser = { export type GraphqlQueryUser = {
id: string; id: string;
email?: string; email?: string;
display_name?: string; displayName?: string;
workspace_member?: GraphqlQueryWorkspaceMember; workspace_member?: GraphqlQueryWorkspaceMember;
__typename: string; __typename: string;
}; };
@ -23,7 +23,7 @@ export type GraphqlQueryUser = {
export type GraphqlMutationUser = { export type GraphqlMutationUser = {
id: string; id: string;
email?: string; email?: string;
display_name?: string; displayName?: string;
workspace_member_id?: string; workspace_member_id?: string;
__typename: string; __typename: string;
}; };
@ -32,7 +32,7 @@ export const mapToUser = (user: GraphqlQueryUser): User => ({
__typename: 'users', __typename: 'users',
id: user.id, id: user.id,
email: user.email, email: user.email,
displayName: user.display_name, displayName: user.displayName,
workspaceMember: user.workspace_member workspaceMember: user.workspace_member
? mapToWorkspaceMember(user.workspace_member) ? mapToWorkspaceMember(user.workspace_member)
: user.workspace_member, : user.workspace_member,
@ -41,7 +41,7 @@ export const mapToUser = (user: GraphqlQueryUser): User => ({
export const mapToGqlUser = (user: User): GraphqlMutationUser => ({ export const mapToGqlUser = (user: User): GraphqlMutationUser => ({
id: user.id, id: user.id,
email: user.email, email: user.email,
display_name: user.displayName, displayName: user.displayName,
workspace_member_id: user.workspaceMember?.id, workspace_member_id: user.workspaceMember?.id,
__typename: 'users', __typename: 'users',
}); });

View File

@ -34,6 +34,7 @@ const ContentSubContainer = styled.div`
border-radius: 8px; border-radius: 8px;
height: 100%; height: 100%;
flex: 1; flex: 1;
border: 1px solid ${(props) => props.theme.primaryBorder};
`; `;
function FullWidthContainer({ function FullWidthContainer({

View File

@ -1,11 +1,7 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es5", "target": "es5",
"lib": [ "lib": ["dom", "dom.iterable", "esnext"],
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true, "allowJs": true,
"skipLibCheck": true, "skipLibCheck": true,
"esModuleInterop": true, "esModuleInterop": true,
@ -20,7 +16,5 @@
"noEmit": true, "noEmit": true,
"jsx": "react-jsx" "jsx": "react-jsx"
}, },
"include": [ "include": ["src"]
"src"
]
} }