fix: fix input bug on web + remove expo-router as example did not have access to library code anymore

Author: robinlindhout

docusaurus/src/components/AppStoreIcon.tsx

@@ -1,8 +1,6 @@
-import React from 'react';
-
 type Props = {
-  color: string;
-};
+  color: string
+}
 
 const AppStoreIcon = ({ color }: Props) => (
   <svg width="24px" height="23px" viewBox="-4 0 20 23">
@@ -24,6 +22,6 @@ const AppStoreIcon = ({ color }: Props) => (
       </g>
     </g>
   </svg>
-);
+)
 
-export default AppStoreIcon;
+export default AppStoreIcon

docusaurus/src/components/GithubIcon.tsx

@@ -1,8 +1,6 @@
-import React from 'react';
-
 type Props = {
-  color: string;
-};
+  color: string
+}
 
 const GithubIcon = ({ color }: Props) => (
   <svg width="24px" height="24px" viewBox="0 0 24 24">
@@ -11,6 +9,6 @@ const GithubIcon = ({ color }: Props) => (
       d="M12 .5C5.37.5 0 5.78 0 12.292c0 5.211 3.438 9.63 8.205 11.188.6.111.82-.254.82-.567 0-.28-.01-1.022-.015-2.005-3.338.711-4.042-1.582-4.042-1.582-.546-1.361-1.335-1.725-1.335-1.725-1.087-.731.084-.716.084-.716 1.205.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495.981.108-.763.417-1.282.76-1.577-2.665-.295-5.466-1.309-5.466-5.827 0-1.287.465-2.339 1.235-3.164-.135-.298-.54-1.497.105-3.121 0 0 1.005-.316 3.3 1.209.96-.262 1.98-.392 3-.398 1.02.006 2.04.136 3 .398 2.28-1.525 3.285-1.209 3.285-1.209.645 1.624.24 2.823.12 3.121.765.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817.42.354.81 1.077.81 2.182 0 1.578-.015 2.846-.015 3.229 0 .309.21.678.825.56C20.565 21.917 24 17.495 24 12.292 24 5.78 18.627.5 12 .5z"
     />
   </svg>
-);
+)
 
-export default GithubIcon;
+export default GithubIcon

docusaurus/src/components/GooglePlayIcon.tsx

@@ -1,8 +1,6 @@
-import React from 'react';
-
 type Props = {
-  color: string;
-};
+  color: string
+}
 
 const GooglePlayIcon = ({ color }: Props) => (
   <svg width="20px" height="23px" viewBox="0 0 20 23">
@@ -21,6 +19,6 @@ const GooglePlayIcon = ({ color }: Props) => (
       </g>
     </g>
   </svg>
-);
+)
 
-export default GooglePlayIcon;
+export default GooglePlayIcon

docusaurus/src/components/HomepageFeatures/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import clsx from 'clsx'
 import styles from './styles.module.css'
 

docusaurus/src/components/Showcase.tsx

@@ -1,19 +1,17 @@
-import React from 'react';
+import color from 'color'
 
-import color from 'color';
-
-import AppStoreIcon from './AppStoreIcon';
-import GithubIcon from './GithubIcon';
-import GooglePlayIcon from './GooglePlayIcon';
+import AppStoreIcon from './AppStoreIcon'
+import GithubIcon from './GithubIcon'
+import GooglePlayIcon from './GooglePlayIcon'
 
 type Data = {
-  color: string;
-  name: string;
-  image: string;
-  android?: string;
-  ios?: string;
-  github?: string;
-};
+  color: string
+  name: string
+  image: string
+  android?: string
+  ios?: string
+  github?: string
+}
 
 const data: Data[] = [
   {
@@ -24,15 +22,15 @@ const data: Data[] = [
       'https://play.google.com/store/apps/details?id=com.bitzllc.bluebird',
     ios: 'https://apps.apple.com/us/app/bluebirding/id1553837668',
   },
-];
+]
 
-const getOpacity = (item?: string) => (item ? 1 : 0.4);
+const getOpacity = (item?: string) => (item ? 1 : 0.4)
 
 export default function Showcase() {
   return (
     <div className="showcase-gallery">
       {data.map((item) => {
-        const tintColor = color(item.color).isLight() ? '#000000' : '#FFFFFF';
+        const tintColor = color(item.color).isLight() ? '#000000' : '#FFFFFF'
         return (
           <div key={item.image}>
             <div className="showcase-image-container">
@@ -80,8 +78,8 @@ export default function Showcase() {
               </div>
             </div>
           </div>
-        );
+        )
       })}
     </div>
-  );
-}
+  )
+}

docusaurus/src/pages/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import clsx from 'clsx'
 import Link from '@docusaurus/Link'
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'

example/.gitignore

@@ -1,34 +1,32 @@
 {
+  "name": "react-native-paper-dates-example",
+  "displayName": "PaperDates Example",
   "expo": {
     "name": "react-native-paper-dates-example",
     "slug": "react-native-paper-dates-example",
     "description": "Example app for react-native-paper-dates",
+    "privacy": "public",
     "version": "1.0.0",
-    "scheme": "react-native-paper-dates",
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ],
     "ios": {
       "supportsTablet": true
     },
     "androidStatusBar": {
       "translucent": true
     },
     "web": {
-      "bundler": "metro",
-      "favicon": "./assets/images/favicon.png",
+      "favicon": "./favicon.png",
       "name": "React Native Paper Dates",
       "shortName": "PaperDates",
-      "description": "Example app for react-native-paper-dates",
-      "output": "static"
+      "description": "Example app for react-native-paper-dates"
     },
     "assetBundlePatterns": [
       "**/*"
     ],
-    "userInterfaceStyle": "automatic",
-    "plugins": [
-      "expo-router"
-    ],
-    "newArchEnabled": true,
-    "experiments": {
-      "typedRoutes": true
-    }
+    "userInterfaceStyle": "automatic"
   }
 }