Here's your location based weather
-
- {currentWeather ? (
-
-
- {currentWeather ? (
-
- Your search result will appear here
- )} -- {currentWeather.location.region},{' '} - {currentWeather.location.country} -
-
- 
-
-
-
-
-
-
-
-
- {currentWeather.current.condition.text}
-{new Date(currentWeather.location.localtime).toDateString()}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {currentWeather.location.region},{' '} - {currentWeather.location.country} -
-
-
-
-
-
-
-
-
-
-
- {currentWeather.current.condition.text}
-{new Date(currentWeather.location.localtime).toDateString()}
-It looks like you don't have any QR codes stored.
-
-
-
- Click the
{code.text ? code.text : code}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- You can generate a QR code to store or share with friends.
-You'll see a live preview of the QR Code
-
}
- When you're ready, you can store the generated QR Code
-{ QRData.text }
-
- 
-
-
- last seen today at 22:10
-
- { contact.name }
- swiperRefs.current[index] = ref } id={ `chatBubble_${ message.id }`} key={ index } className={ `chat-bubble ${ message.sent ? "bubble-sent" : "bubble-received" }` } { ...longPressEvent }>
-
- );
- })}
-
-
-
-
-
-
-
-
- setMessage(e.target.value) } />
-
-
-
- 
- -
{ option.title }
-
- from
- IONIC React HUB
-
-
-
- );
- })}
-
- { starredMessages.length < 1 &&
-
-
-
-
-
-
-
-
- { contact.name }
-{ date }
- -
-
- { preview }
-
- 
-
- }
-
- No Starred Messages
-Tap and hold on any message to star it, so you can easily find it later.
-
-
-
- -
No recent updates to show right now.
-
- 
-
-
-
-
- );
-};
-
-export default ChatItem;
diff --git a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ChatRepliedQuote.js b/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ChatRepliedQuote.js
deleted file mode 100644
index 6365556..0000000
--- a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ChatRepliedQuote.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const Quote = ({ message, contact, repliedMessage }) => (
-
-
-
-
-
- {contact.name}
-
- {read && received &&
-
- 0 && 'chat-unread'}`}>{date}
- - {notificationCount > 0 &&{notificationCount}
}
-
-
-);
-
-export const ChatRepliedQuote = ({ message, contact, repliedMessage }) => {
- if (message.reply && repliedMessage) {
- return {contact.name}
-{repliedMessage.preview}
-; - } else { - return ''; - } -}; diff --git a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ContactModal.js b/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ContactModal.js deleted file mode 100644 index 3bbfa4e..0000000 --- a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ContactModal.js +++ /dev/null @@ -1,42 +0,0 @@ -import { IonButton, IonButtons, IonContent, IonHeader, IonItem, IonLabel, IonList, IonTitle, IonToolbar } from '@ionic/react'; -import { ContactStore } from '../store'; -import { getContacts } from '../store/Selectors'; - -import './ContactModal.scss'; - -const ContactModal = ({ close }) => { - const contacts = ContactStore.useState(getContacts); - - return ( -
-
-
- New Chat
-
-
- Cancel
-
-
-
-
-
-
-
- {contacts.map((contact) => {
- return (
-
-
-
-
-
- );
- })}
-
-
-
- );
-};
-
-export default ContactModal;
diff --git a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ContactModal.scss b/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ContactModal.scss
deleted file mode 100644
index 0ed4a84..0000000
--- a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ContactModal.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.contact-item {
- img {
- border-radius: 500px;
- height: 2.5rem;
- width: 2.5rem;
- margin-right: 1.5rem;
- }
-
- ion-label {
- h1 {
- font-size: 1rem;
- }
- }
-}
diff --git a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ReplyTo.js b/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ReplyTo.js
deleted file mode 100644
index e4b5616..0000000
--- a/03_source/mobile/src/pages/DemoReactWhatsAppClone/components/ReplyTo.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { CreateAnimation, IonButton, IonCol, IonIcon, IonLabel, IonRow } from '@ionic/react';
-import { closeCircleOutline } from 'ionicons/icons';
-import { useEffect } from 'react';
-import { useState } from 'react';
-
-const ReplyTo = ({ contact, replyToMessage = false, replyToAnimationRef, setReplyToMessage, messageSent }) => {
- const [cancellingReplyTo, setCancellingReplyTo] = useState(false);
-
- useEffect(() => {
- messageSent && cancelReplyTo();
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [messageSent]);
-
- const slideAnimation = {
- property: 'transform',
- fromValue: 'translateY(100px)',
- toValue: 'translateY(0px)',
- };
-
- const replyToAnimation = {
- duration: 300,
- direction: !cancellingReplyTo ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [slideAnimation],
- easing: 'ease-in-out',
- };
-
- // Cancel the reply-to
- const cancelReplyTo = async () => {
- setCancellingReplyTo(true);
- await replyToAnimationRef.current.animation.play();
- setCancellingReplyTo(false);
- setReplyToMessage(false);
- };
-
- return (
- {contact.name}
-Available
-
-
-
-
- last seen today at 22:10
-
- { contact.name }
- swiperRefs.current[index] = ref } id={ `chatBubble_${ message.id }`} key={ index } className={ `chat-bubble ${ message.sent ? "bubble-sent" : "bubble-received" }` } { ...longPressEvent }>
-
- );
- })}
-
-
-
-
-
-
-
-
- setMessage(e.target.value) } />
-
-
-
-
- -
{ option.title }
-
- from
- IONIC React HUB
-
-
-
- );
- })}
-
- { starredMessages.length < 1 &&
-
-
-
-
-
-
-
-
- { contact.name }
-{ date }
- -
-
- { preview }
-
-
-
- }
-
- No Starred Messages
-Tap and hold on any message to star it, so you can easily find it later.
-
-
-
- -
No recent updates to show right now.
-Here's your location based weather
-
- {currentWeather ? (
-
-
- {currentWeather ? (
-
- Your search result will appear here
- )} -- {currentWeather.location.region},{' '} - {currentWeather.location.country} -
-
-
-
-
-
-
-
-
-
-
- {currentWeather.current.condition.text}
-{new Date(currentWeather.location.localtime).toDateString()}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- = () => {
*/}
-
+
Event
-
+
Nearby
-
+
Order
-
+
Message
-
+
Profile
diff --git a/03_source/mobile/src/pages/MyProfile/NotLoggedIn/index.tsx b/03_source/mobile/src/pages/MyProfile/NotLoggedIn/index.tsx
index 7a78ffa..43cd38f 100644
--- a/03_source/mobile/src/pages/MyProfile/NotLoggedIn/index.tsx
+++ b/03_source/mobile/src/pages/MyProfile/NotLoggedIn/index.tsx
@@ -53,7 +53,7 @@ import {
settingsOutline,
} from 'ionicons/icons';
import AboutPopover from '../../../components/AboutPopover';
-import paths from '../../../paths';
+import PATHS from '../../../PATHS';
import { getProfileById } from '../../../api/getProfileById';
import { defaultMember, Member } from '../../MemberProfile/type';
import SignUpPng from './SignUp.png';
@@ -79,11 +79,11 @@ const MyProfile: React.FC = ({ speakers, speakerSessions }) =>
const router = useIonRouter();
function handleShowSettingButtonClick() {
- router.push(paths.SETTINGS);
+ router.push(PATHS.SETTINGS);
}
function handleNotImplementedClick() {
- router.push(paths.NOT_IMPLEMENTED);
+ router.push(PATHS.NOT_IMPLEMENTED);
}
function handleRefresh(event: CustomEvent) {
@@ -97,7 +97,7 @@ const MyProfile: React.FC = ({ speakers, speakerSessions }) =>
function handleForwardLoginPage() {
try {
setDisableForwardLoginButton(true);
- router.push(paths.SIGN_IN);
+ router.push(PATHS.SIGN_IN);
setDisableForwardLoginButton(false);
} catch (error) {
console.error(error);
diff --git a/03_source/mobile/src/pages/MyProfile/index.tsx b/03_source/mobile/src/pages/MyProfile/index.tsx
index 2b56562..310127c 100644
--- a/03_source/mobile/src/pages/MyProfile/index.tsx
+++ b/03_source/mobile/src/pages/MyProfile/index.tsx
@@ -53,7 +53,7 @@ import {
settingsOutline,
} from 'ionicons/icons';
import AboutPopover from '../../components/AboutPopover';
-import paths from '../../paths';
+import PATHS from '../../PATHS';
import { getProfileById } from '../../api/getProfileById';
import { defaultMember, Member } from '../MemberProfile/type';
import NotLoggedIn from './NotLoggedIn';
@@ -83,11 +83,11 @@ const MyProfilePage: React.FC = ({ speakers, speakerSessions,
const router = useIonRouter();
function handleShowSettingButtonClick() {
- router.push(paths.SETTINGS);
+ router.push(PATHS.SETTINGS);
}
function handleNotImplementedClick() {
- router.push(paths.NOT_IMPLEMENTED);
+ router.push(PATHS.NOT_IMPLEMENTED);
}
function handleRefresh(event: CustomEvent) {
diff --git a/03_source/mobile/src/pages/OrderDetail/index.tsx b/03_source/mobile/src/pages/OrderDetail/index.tsx
index b24533f..ae08af6 100644
--- a/03_source/mobile/src/pages/OrderDetail/index.tsx
+++ b/03_source/mobile/src/pages/OrderDetail/index.tsx
@@ -19,7 +19,7 @@ import { connect } from '../../data/connect';
import * as selectors from '../../data/selectors';
import './style.scss';
-import paths from '../../paths';
+import PATHS from '../../PATHS';
interface OwnProps {}
diff --git a/03_source/mobile/src/pages/OrderList/index.tsx b/03_source/mobile/src/pages/OrderList/index.tsx
index b9686e5..7ac9a06 100644
--- a/03_source/mobile/src/pages/OrderList/index.tsx
+++ b/03_source/mobile/src/pages/OrderList/index.tsx
@@ -51,7 +51,7 @@ import {
import AboutPopover from '../../components/AboutPopover';
import { getOrders } from '../../api/getOrders';
import Loading from '../../components/Loading';
-import paths from '../../paths';
+import PATHS from '../../PATHS';
interface OwnProps {}
@@ -178,15 +178,15 @@ const OrderList: React.FC = ({ fetchOrderResult, speakerSessio
}
function handleShowOrderDetail(order_id: string) {
- router.push(paths.getOrderDetail(order_id));
+ router.push(PATHS.getOrderDetail(order_id));
}
function handleNotImplemented() {
- router.push(paths.NOT_IMPLEMENTED);
+ router.push(PATHS.NOT_IMPLEMENTED);
}
function handleBookmarksClick() {
- router.push(paths.FAVOURITES_LIST);
+ router.push(PATHS.FAVOURITES_LIST);
}
if (status != 200)
diff --git a/03_source/mobile/src/pages/Settings/index.tsx b/03_source/mobile/src/pages/Settings/index.tsx
index d984aa7..3254b91 100644
--- a/03_source/mobile/src/pages/Settings/index.tsx
+++ b/03_source/mobile/src/pages/Settings/index.tsx
@@ -64,7 +64,7 @@ import {
} from 'ionicons/icons';
import AboutPopover from '../../components/AboutPopover';
import { OverlayEventDetail } from '@ionic/react/dist/types/components/react-component-lib/interfaces';
-import paths from '../../paths';
+import PATHS from '../../PATHS';
import { logoutUser, setAccessToken, setIsLoggedIn } from '../../data/user/user.actions';
interface OwnProps {}
@@ -108,23 +108,23 @@ const SettingsPage: React.FC = ({
}
function handleLanguageClick() {
- router.push(paths.CHANGE_LANGUAGE);
+ router.push(PATHS.CHANGE_LANGUAGE);
}
function handleNotImplementedClick() {
- router.push(paths.NOT_IMPLEMENTED);
+ router.push(PATHS.NOT_IMPLEMENTED);
}
function handleDemoPageClick() {
- router.push(paths.DEMO_PAGE);
+ router.push(PATHS.DEMO_PAGE);
}
function handleServiceAgreementClick() {
- router.push(paths.SERVICE_AGREEMENT);
+ router.push(PATHS.SERVICE_AGREEMENT);
}
function handlePrivacyAgreementClick() {
- router.push(paths.PRIVACY_AGREEMENT);
+ router.push(PATHS.PRIVACY_AGREEMENT);
}
const [showLogoutConfirmModal, setShowLogoutConfirmModal] = useState(false);
diff --git a/03_source/mobile/src/pages/Tutorial/index.tsx b/03_source/mobile/src/pages/Tutorial/index.tsx
index 7155b3c..13074b1 100644
--- a/03_source/mobile/src/pages/Tutorial/index.tsx
+++ b/03_source/mobile/src/pages/Tutorial/index.tsx
@@ -1,12 +1,21 @@
import React, { useRef, useEffect } from 'react';
-import { IonContent, IonPage, IonHeader, IonToolbar, IonButtons, IonButton, IonIcon, useIonViewWillEnter } from '@ionic/react';
+import {
+ IonContent,
+ IonPage,
+ IonHeader,
+ IonToolbar,
+ IonButtons,
+ IonButton,
+ IonIcon,
+ useIonViewWillEnter,
+} from '@ionic/react';
import { arrowForward } from 'ionicons/icons';
import { setMenuEnabled } from '../../data/sessions/sessions.actions';
import { setHasSeenTutorial } from '../../data/user/user.actions';
import './Tutorial.scss';
import { connect } from '../../data/connect';
import { RouteComponentProps } from 'react-router';
-import paths from '../../paths';
+import PATHS from '../../PATHS';
interface OwnProps extends RouteComponentProps {}
interface DispatchProps {
@@ -33,7 +42,7 @@ const Tutorial: React.FC = ({ history, setHasSeenTutorial, setMen
const startApp = async () => {
await setHasSeenTutorial(true);
await setMenuEnabled(true);
- history.push(paths.EVENT_LIST, { direction: 'none' });
+ history.push(PATHS.EVENT_LIST, { direction: 'none' });
};
return (
@@ -57,7 +66,8 @@ const Tutorial: React.FC = ({ history, setHasSeenTutorial, setMen
Welcome to ICA
@@ -67,7 +77,8 @@ const Tutorial: React.FC- The ionic conference app is a practical preview of the ionic framework in action, and a demonstration of proper code use. + The ionic conference app is a practical preview of the ionic framework in + action, and a demonstration of proper code use.
What is Ionic?
- Ionic Framework is an open source SDK that enables developers to build high quality mobile apps with web technologies like HTML, CSS, and JavaScript. + Ionic Framework is an open source SDK that enables developers to build high + quality mobile apps with web technologies like HTML, CSS, and JavaScript.
@@ -77,7 +88,9 @@ const Tutorial: React.FC
What is Ionic Appflow?
- Ionic Appflow is a powerful set of services and features built on top of Ionic Framework that brings a totally new level of app development agility to mobile dev teams. + Ionic Appflow is a powerful set of services and features built on top of + Ionic Framework that brings a totally new level of app development agility to mobile + dev teams.
diff --git a/03_source/mobile/src/paths.ts b/03_source/mobile/src/paths.ts deleted file mode 100644 index ed225bb..0000000 --- a/03_source/mobile/src/paths.ts +++ /dev/null @@ -1,99 +0,0 @@ -const paths = { - NOT_IMPLEMENTED: '/not_implemented', - TAB_NOT_IMPLEMENTED: '/tabs/not_implemented', - // - SETTINGS: '/settings', - // - EVENT_LIST: `/tabs/events`, - MESSAGE_LIST: `/tabs/messages`, - NEARBY_LIST: '/tabs/nearby', - // - ORDERS_LIST: '/tabs/orders', - // - ORDER_DETAIL: '/order_detail/:id', - getOrderDetail: (id: string) => `/order_detail/${id}`, - // - FAVOURITES_LIST: `/tabs/favourites`, - CHANGE_LANGUAGE: '/change_language', - SERVICE_AGREEMENT: '/service_agreement', - PRIVACY_AGREEMENT: '/privacy_agreement', - // - PROFILE: '/tabs/my_profile', - // - SIGN_IN: '/mylogin', - // - - DEMO_WEATHER_APP: '/demo-weather-app', - // - // - // - // - // - // - // - // - // - // - // - // - // - // - DEMO_ACCORDION_TUTORIAL: '/demo-accordion-tutorial', - DEMO_BANKING_UI: '/demo-banking-ui', - DEMO_CAPACITOR_GOOGLE_MAPS_TUTORIAL: '/demo-capacitor-google-maps-tutorial', - DEMO_COLOR_TUTORIAL: '/demo-color-tutorial', - // DEMO_ECOMMERCE_EXAMPLE: '/demo-ecommerce-example', - // DEMO_FACEBOOK_CLONE: '/demo-facebook-clone', - // DEMO_FAST_FOOD_APP: '/demo-fast-food-app', - // DEMO_FLOATING_TABS: '/demo-floating-tabs', - // DEMO_INSTAGRAM_CLONE: '/demo-instagram-clone', - // DEMO_KANBAN_BOARD: '/demo-kanban-board', - // DEMO_ORDERING_APP: '/demo-ordering-app', - // DEMO_PROFILE_EXAMPLE: '/demo-profile-example', - // DEMO_PULLSTATE_TUTORIAL: '/demo-pullstate-tutorial', - // DEMO_REACT_ADD_TO_CART: '/demo-react-add-to-cart', - // DEMO_REACT_CALCULATOR: '/demo-react-calculator', - // DEMO_REACT_DRAWING_CANVAS: '/demo-react-drawing-canvas', - // DEMO_REACT_HOOK_FORM_EXAMPLE: '/demo-react-hook-form-example', - // DEMO_REACT_ITEM_LIST: '/demo-react-item-list', - // DEMO_REACT_LIFECYCLES: '/demo-react-lifecycles', - // DEMO_REACT_LOGIN: '/demo-react-login', - // DEMO_REACT_MARVEL_APP: '/demo-react-marvel-app', - // DEMO_REACT_MOVIE_APP_WITH_ALGOLIA: '/demo-react-movie-app-with-algolia', - // DEMO_REACT_NOTES: '/demo-react-notes', - // DEMO_REACT_ONBOARDING_UI: '/demo-react-onboarding-ui', - // DEMO_REACT_PROFILE_DASHBOARD_UI: '/demo-react-profile-dashboard-ui', - // DEMO_REACT_QR_CODE: '/demo-react-qr-code', - // DEMO_REACT_QUOTES: '/demo-react-quotes', - // DEMO_REACT_SHOP_UI: '/demo-react-shop-ui', - // DEMO_REACT_TABS_MENUS_CUSTOM: '/demo-react-tabs-menus-custom', - // DEMO_REACT_THEME_SWITCHER: '/demo-react-theme-switcher', - // DEMO_SKELETON_TEXT: '/demo-skeleton-text', - // DEMO_STICKY_BOTTOM_SHEET_EXAMPLE: '/demo-sticky-bottom-sheet-example', - // DEMO_STORAGE_EXAMPLE: '/demo-storage-example', - // DEMO_SWIPERJS_TUTORIAL: '/demo-swiperjs-tutorial', - // DEMO_WEATHER_APP_UI: '/demo-weather-app-ui', - - DEMO_2FA_EXAMPLE: '/demo-2fa-example', - DEMO_REACT_WHATSAPP_CLONE: '/demo-react-whatsapp-clone', - - DEMO_BLOG_POST_UI: '/demo-blog-post-ui', - DEMO_CLUB_HOUSE: '/demo-club-house', - DEMO_DICTIONARY_APP: '/demo-dictionary-app', - DEMO_PAGE: '/tabs/demo-list', - DEMO_PINTEREST_FLOATING_TAB_BAR: '/demo-pinterest-floating-tab-bar', - DEMO_QR_SCANNER: '/demo-qr-scanner', - DEMO_QUIZ_APP: '/demo-quiz-app', - DEMO_QUOTE_APP: '/demo-quote-app', - DEMO_REACT_OVERLAY_HOOKS: '/demo-react-overlay-hooks', - DEMO_REACT_POLL_APP: '/demo-react-poll-app', - DEMO_REACT_SHOP: '/demo-react-shop', - DEMO_REACT_SWITCH_TABS: '/demo-react-switch-tabs', - DEMO_REACT_TRAVEL_APP: '/demo-react-travel-app', - DEMO_RECIPE_APP: '/demo-recipe-app', - DEMO_RESTAURANT_FINDER: '/demo-restaurant-finder', - DEMO_SCORE_BOARD: '/demo-score-board', - DEMO_SHOP_APP_UI: '/demo-shop-app-ui', - DEMO_SLIDING_PROFILE: '/demo-sliding-profile', -}; -export default paths; diff --git a/03_source/mobile/src/routes/DemoRoute.tsx b/03_source/mobile/src/routes/DemoRoute.tsx new file mode 100644 index 0000000..413003e --- /dev/null +++ b/03_source/mobile/src/routes/DemoRoute.tsx @@ -0,0 +1,119 @@ +// +// route for demo pages +// + +import { Route } from 'react-router'; +import PATHS from '../PATHS'; +import DemoWeatherAppUi from '../pages/DemoWeatherAppUi'; + +// import OrderDetails from './pages/OrderDetail'; +import DemoReactThemeSwitcher from '../pages/DemoReactThemeSwitcher'; +// import Demo2FaExample from '../pages/Demo2FaExample'; +import DemoAccordionTutorial from '../pages/DemoAccordionTutorial'; +import DemoBankingUi from '../pages/DemoBankingUi'; +import DemoBlogPostUi from '../pages/DemoBlogPostUi'; +import DemoCapacitorGoogleMapsTutorial from '../pages/DemoCapacitorGoogleMapsTutorial'; +import DemoClubHouse from '../pages/DemoClubHouse'; +import DemoColorTutorial from '../pages/DemoColorTutorial'; +import DemoDictionaryApp from '../pages/DemoDictionaryApp'; +import DemoEcommerceExample from '../pages/DemoEcommerceExample'; +import DemoFacebookClone from '../pages/DemoFacebookClone'; +import DemoFastFoodApp from '../pages/DemoFastFoodApp'; +import DemoFloatingTabs from '../pages/DemoFloatingTabs'; +import DemoInstagramClone from '../pages/DemoInstagramClone'; +import DemoKanbanBoard from '../pages/DemoKanbanBoard'; +import DemoOrderingApp from '../pages/DemoOrderingApp'; +import DemoPinterestFloatingTabBar from '../pages/DemoPinterestFloatingTabBar'; +import DemoProfileExample from '../pages/DemoProfileExample'; +import DemoPullstateTutorial from '../pages/DemoPullstateTutorial'; +import DemoQrScanner from '../pages/DemoQrScanner'; +import DemoQuizApp from '../pages/DemoQuizApp'; +import DemoQuoteApp from '../pages/DemoQuoteApp'; +import DemoReactAddToCart from '../pages/DemoReactAddToCart'; +import DemoReactCalculator from '../pages/DemoReactCalculator'; +import DemoReactDrawingCanvas from '../pages/DemoReactDrawingCanvas'; +import DemoReactHookFormExample from '../pages/DemoReactHookFormExample'; +import DemoReactItemList from '../pages/DemoReactItemList'; +import DemoReactLifecycles from '../pages/DemoReactLifecycles'; +import DemoReactLogin from '../pages/DemoReactLogin'; +import DemoReactMovieAppWithAlgolia from '../pages/DemoReactMovieAppWithAlgolia'; +import DemoReactNotes from '../pages/DemoReactNotes'; +import DemoReactOverlayHooks from '../pages/DemoReactOverlayHooks'; +import DemoReactPollApp from '../pages/DemoReactPollApp'; +import DemoReactProfileDashboardUi from '../pages/DemoReactProfileDashboardUi'; +import DemoReactQuotes from '../pages/DemoReactQuotes'; +import DemoReactShopUi from '../pages/DemoReactShopUi'; +import DemoReactSwitchTabs from '../pages/DemoReactSwitchTabs'; +import DemoReactTabsMenusCustom from '../pages/DemoReactTabsMenusCustom'; +import DemoReactTravelApp from '../pages/DemoReactTravelApp'; +import DemoRecipeApp from '../pages/DemoRecipeApp'; +import DemoRestaurantFinder from '../pages/DemoRestaurantFinder'; +import DemoScoreBoard from '../pages/DemoScoreBoard'; +import DemoShopAppUi from '../pages/DemoShopAppUi'; +import DemoSkeletonText from '../pages/DemoSkeletonText'; +import DemoSlidingProfile from '../pages/DemoSlidingProfile'; +import DemoStickyBottomSheetExample from '../pages/DemoStickyBottomSheetExample'; +import DemoStorageExample from '../pages/DemoStorageExample'; +import Demo2FaExample from '../pages/Demo2FaExample'; + +const AppDemoRoute: React.FC = () => { + // return + + return ( + <> +