From 17cbeb205acfc569fca400f5fba9646d067cb35a Mon Sep 17 00:00:00 2001 From: ammarahm-ed Date: Mon, 15 Feb 2021 12:58:54 +0500 Subject: [PATCH] complete intro screen --- apps/mobile/src/assets/images/assets.js | 1475 ++++++++++++++++- .../src/components/SplashScreen/index.js | 190 ++- 2 files changed, 1533 insertions(+), 132 deletions(-) diff --git a/apps/mobile/src/assets/images/assets.js b/apps/mobile/src/assets/images/assets.js index 4341b8122..a7d2a8175 100644 --- a/apps/mobile/src/assets/images/assets.js +++ b/apps/mobile/src/assets/images/assets.js @@ -1,24 +1,28 @@ -export const FAV_SVG = (color) => `` +export const FAV_SVG = (color) => + ``; +export const NOTE_SVG = (color) => + ``; -export const NOTE_SVG = (color) => `` +export const NOTEBOOK_SVG = (color) => + ``; +export const TAG_SVG = (color) => + ``; -export const NOTEBOOK_SVG = (color) => `` +export const TRASH_SVG = (color) => + ``; -export const TAG_SVG = (color) => `` +export const SETTINGS_SVG = (color) => + `settings`; +export const SEARCH_SVG = (color) => + ``; -export const TRASH_SVG = (color) => `` +export const LOGO_BASE64 = `data:image/png;base64,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`; -export const SETTINGS_SVG = (color) => `settings` - -export const SEARCH_SVG = (color) => `` - -export const LOGO_BASE64 = `data:image/png;base64,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` - - -export const LOGIN_SVG = color => `` +export const LOGIN_SVG = (color) => + ``; export const RICH_TEXT_SVG = (color) => ` @@ -54,47 +58,1052 @@ export const RICH_TEXT_SVG = (color) => ` -` +`; -export const SYNC_SVG = (color) => ` - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -` +export const SYNC_SVG = ( + color, +) => ` + + + + + image/svg+xml + + file_sync + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + file_sync + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; -export const ORGANIZE_SVG = (color) => ` +export const ORGANIZE_SVG = ( + color, +) => ` @@ -125,9 +1134,11 @@ export const ORGANIZE_SVG = (color) => ` -` +`; -export const EXPORT_SVG = (color) => ` +export const EXPORT_SVG = ( + color, +) => ` @@ -171,9 +1182,11 @@ export const EXPORT_SVG = (color) => ` -` +`; -export const BACKUP_SVG = (color) => ` +export const BACKUP_SVG = ( + color, +) => ` @@ -424,7 +1437,7 @@ export const BACKUP_SVG = (color) => ` -` +`; export const LOGO_SVG = ` @@ -637,4 +1650,350 @@ export const LOGO_SVG = ` inkscape:connector-curvature="0" /> -` \ No newline at end of file +`; + +export const PRIVACY_SVG = (color) => ` + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +export const COMMUNITY_SVG = (color) => ` +having fun +`; diff --git a/apps/mobile/src/components/SplashScreen/index.js b/apps/mobile/src/components/SplashScreen/index.js index ca30be25c..65138477d 100644 --- a/apps/mobile/src/components/SplashScreen/index.js +++ b/apps/mobile/src/components/SplashScreen/index.js @@ -1,20 +1,27 @@ -import React, { useEffect, useRef, useState } from 'react'; -import { Image, View } from 'react-native'; -import Animated, { Easing, timing, useValue } from 'react-native-reanimated'; +import React, {useEffect, useRef, useState} from 'react'; +import {Image, View} from 'react-native'; +import Animated, {Easing, timing, useValue} from 'react-native-reanimated'; import Carousel from 'react-native-snap-carousel'; -import { SvgXml } from 'react-native-svg'; -import { NOTE_SVG, SYNC_SVG } from '../../assets/images/assets'; -import { useTracked } from '../../provider'; -import { eSendEvent } from '../../services/EventManager'; -import { dHeight, dWidth, getElevation } from '../../utils'; -import { eOpenLoginDialog } from '../../utils/Events'; -import { SIZE } from '../../utils/SizeUtils'; +import {SvgXml} from 'react-native-svg'; +import { + NOTE_SVG, + SYNC_SVG, + ORGANIZE_SVG, + PRIVACY_SVG, + COMMUNITY_SVG, +} from '../../assets/images/assets'; +import {useTracked} from '../../provider'; +import {eSendEvent} from '../../services/EventManager'; +import {dHeight, dWidth, getElevation} from '../../utils'; +import {eOpenLoginDialog} from '../../utils/Events'; +import {SIZE} from '../../utils/SizeUtils'; import Storage from '../../utils/storage'; -import { sleep } from '../../utils/TimeUtils'; -import { Button } from '../Button'; +import {sleep} from '../../utils/TimeUtils'; +import {Button} from '../Button'; import Heading from '../Typography/Heading'; import Paragraph from '../Typography/Paragraph'; +import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; const SplashScreen = () => { const [state, dispatch] = useTracked(); const {colors} = state; @@ -32,20 +39,36 @@ const SplashScreen = () => { type: 'image', }, { - title: 'Zero Knowledge', - description: 'Write without fear, no tracking.', - icon: SYNC_SVG, + title: 'Made to protect your privacy', + description: + 'Your data is encrypted on your device. No one but you can read your notes.', + icon: PRIVACY_SVG, + link: 'https://notesnook.com', }, { - title: 'Zero Knowledge', + icon: SYNC_SVG, + title: 'While keeping you in sync', description: - 'No sneaking, no stealing. We give all the keys for your data to you. Privacy is not just a word to us. We use industry-grade XChaChaPoly1305 and Argon2 which is miles ahead other solutions making sure your data is secure and private even a million years from now.', + 'Everything is automatically synced to all your devices in a safe and secure way. Notesnook is available on all major platforms.', + link: 'https://notesnook.com', + }, + { + icon: ORGANIZE_SVG, + title: 'And helping you stay organized', + description: + 'Add your notes in notebooks and topics or simply assign tags or colors to find them easily.', + link: 'https://notesnook.com', + }, + { + icon: COMMUNITY_SVG, + title: 'Join our community', + description: + 'We are not ghosts, chat with us and share your experience. Give suggestions, report issues and meet other people using Notesnook', + link: 'https://discord.gg/zQBK97EE22', }, ]; useEffect(() => { - - return; Storage.read('introCompleted').then(async (r) => { setVisible(true); await sleep(500); @@ -106,16 +129,13 @@ const SplashScreen = () => { }, ], }}> - + { }} renderItem={({item, index}) => ( - {item.type === 'image' ? ( - - ) : ( - - )} + + {item.type === 'image' ? ( + + ) : item.type === 'icon' ? ( + + ) : ( + + )} - {item.title && ( - - {item.title} - - )} + {item.title && ( + + {item.title} + + )} - {item.description && ( - - {item.description} - - )} + {item.description && ( + + {item.description} + + )} + + {item.link && ( +