Merge pull request #1774 from wix/infra/DocSite_design

Docs site design

Author: Inbal-Tish

README.md

@@ -9,7 +9,6 @@ The package is both **Android** and **iOS** compatible.
 
 See our new [Docs site](https://wix.github.io/react-native-calendars/)
 
-
 ## Try it out
 
 You can run example module by performing these steps:

demo/assets/RNC.png

@@ -1,10 +1,13 @@
-Agenda list component  
+Agenda list component for the `ExpandableCalendar` component.  
 [(code example)](https://github.com/wix/react-native-calendars/blob/master/example/src/screens/expandableCalendar.tsx)
 :::info
 This component extends **[FlatList](https://reactnative.dev/docs/flatlist)** props.
 :::
+**NOTE: This component should be wrapped with `CalendarProvider` component.**
 
-<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}></div>
+<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}><img style={{maxHeight: '420px'}} src={'https://github.com/wix/react-native-calendars/blob/master/demo/assets/expandable-calendar.gif?raw=true'}/>
+
+</div>
 
 ## API
 

demo/assets/expandable-calendar.gif

@@ -3,8 +3,11 @@ Expandable calendar component
 :::info
 This component extends **[CalendarList](https://github.com/wix/react-native-calendars/blob/master/src/calendar-list/index.tsx)** props.
 :::
+**NOTE: This component should be wrapped with `CalendarProvider` component.**
 
-<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}></div>
+<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}><img style={{maxHeight: '420px'}} src={'https://github.com/wix/react-native-calendars/blob/master/demo/assets/expandable-calendar.gif?raw=true'}/>
+
+</div>
 
 ## API
 

demo/assets/timeline-calendar.gif

@@ -4,7 +4,9 @@ Timeline component
 This component extends **[ScrollView](https://reactnative.dev/docs/scrollview)** props.
 :::
 
-<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}></div>
+<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}><img style={{maxHeight: '420px'}} src={'https://github.com/wix/react-native-calendars/blob/master/demo/assets/timeline-calendar.gif?raw=true'}/>
+
+</div>
 
 ## API
 

demo/assets/week-calendar.gif

@@ -4,7 +4,9 @@ Week calendar component
 This component extends **[CalendarList](https://github.com/wix/react-native-calendars/blob/master/src/calendar-list/index.tsx)** props.
 :::
 
-<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}></div>
+<div style={{display: 'flex', flexDirection: 'row', overflowX: 'auto', maxHeight: '500px', alignItems: 'center'}}><img style={{maxHeight: '420px'}} src={'https://github.com/wix/react-native-calendars/blob/master/demo/assets/week-calendar.gif?raw=true'}/>
+
+</div>
 
 ## API
 

docsRNC/docs/AgendaList.md

@@ -12,7 +12,7 @@ const config = {
   baseUrl: '/react-native-calendars/',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
-  favicon: 'img/fav-icon.png',
+  favicon: 'img/logo.png',
   organizationName: 'wix', // Usually your GitHub org/user name.
   projectName: 'react-native-calendars', // Usually your repo name.
   trailingSlash: false,
@@ -46,7 +46,7 @@ const config = {
         title: 'RNC',
         logo: {
           alt: 'RNC Logo',
-          src: 'img/RNC.png'
+          src: 'img/logo.png'
         },
         items: [
           {