Update favicon, manifest, page border (#127)
|
Before Width: | Height: | Size: 15 KiB |
BIN
front/public/icon-128x128.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
front/public/icon-144x144.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
BIN
front/public/icon-152x152.png
Normal file
|
After Width: | Height: | Size: 7.3 KiB |
BIN
front/public/icon-192x192.png
Normal file
|
After Width: | Height: | Size: 9.9 KiB |
BIN
front/public/icon-284x284.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
front/public/icon-48x48.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
front/public/icon-512x512.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
front/public/icon-72x72.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
front/public/icon-96x96.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
@ -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>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 7.8 KiB |
@ -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": ".",
|
||||||
|
|||||||
@ -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: [
|
||||||
|
|||||||
@ -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',
|
||||||
|
|||||||
@ -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',
|
||||||
});
|
});
|
||||||
|
|||||||
@ -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({
|
||||||
|
|||||||
@ -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"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|||||||