Develop (#26)

* UI changes, BleSchema update

* rethinking of state and props relationship

* Change to state and props

* state updated with sidenav and methodOutput props

* full update of state management

* refactor to setState call

* Layout update

* update props for method output view

* state update with new sidenav and method output view management

* quick clean up and setup for output view

* complete update of output view and nav

* add anchors to method names, clean up state and comments

* set up product state change

* Add intro component and aligned properties and enumerations in table

* Update readme

* add styling update conform with XYO style guide and update output render

* Update output description alignment

* add padding, border to columns, adjust info component, update to link target, font styling

* col update

* styling changes to row

* set up side nav to be sticky, dependency clean up

* output view update

* update font for output and sidenav views

* add gitter support

* code and file cleanup

* update code styling

* Added Font awesome

* Cleaned up main container styling

* Added font awesome

* Changed background color for nav per Pao's request

* Reorganized the components to fit style I wanted

* update simple smoke tests, upate sidenav sticky

* update header color

* add new testing setup and update in-line style selector syntax

* header style update

* add sideNav layout component, setup state change, add swift schema

* slightly working state change

* State change fixed for product

* add dummy data

* update brand with xyo devs logo

* added gulp deploy script

* Added config to ignore

* update gulpfile, add deploy script, add aws config

* small navlink fix

* clean up state

* add possible state change method, code cleaning

* add smooth scrolling

* add button and updated style

* navbar update

* add swift functions, identify function display issue

* update BLE schema

* update ble android schema

* add more scanner classes to ble android schema

* start making new output view for node package sdk

* node render works with current method output view

* updated with sandbox view connected to github repo

* update sandbox repo

* clean up

* update style for codesandbox

* udpate dev portal logo alt attr

* add meta tags

* typo fix

* remove chat from node view

* change language state to platform state, change method view to add properties, prep for reorganization of super class and child objects

* add dropdown toggle to sidenav

* update cursor, nabv is sticky again, nav color update

* clean up some unecessary mapping

* update node schema, ble schema, and method output view

* change cursor back to pointer update react

* add stateless collapse, need to fix with the map

* part one of platform view state change

* add node to platform change

* collapse fixed

* small style changesand navbar improvement

* part one of function display fix

* node pkg update

* Fixed issue with scroll going under the header

* adjust size for toggle sidenav

* removed excess css

* double nav fixed, working on responsive issues and spacing

* css restore

* nav fix

* Responsiveness on the Reference Page

* update to schema

* update branch to master for final production build

* add travis

* code clean up

* prep for testing

* update sdk core kotlin to schema

* refactor: update to bound witness and zigzag bound witness session

* feat: add data, chores: clean code (#25)

* docs: update functions

Author: Phillip Lorenzo

gulpfile.js

@@ -11,7 +11,7 @@ const exec = util.promisify(childProcess.exec)
 const { s3BucketName, region, cloudFrontDistributionId } = config
 
 const confirmProductionBranch = async () => {
-  const BRANCH_TO_TEST = 'master'
+  const BRANCH_TO_TEST = 'develop'
   console.log(`Confirming current branch is set to ${BRANCH_TO_TEST}`)
 
   try {

src/App.css

@@ -39,12 +39,6 @@ img {
   box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);  
 }
 
-/* a.dropdown-toggle.nav-link:hover {
-  -webkit-transition-duration: 0.4s; 
-  transition-duration: 0.4s;
-  box-shadow: 0 12px 16px 0 rgba(255,255,255), 0 17px 50px 0 rgba(255,255,255); 
-} */
-
 .item {
   margin: 30px 0;
 }
@@ -90,3 +84,5 @@ img {
 .bg-navy {
   background: #141631
 }
+
+

src/App.js

@@ -18,10 +18,10 @@ const swiftCoreObjectState = swiftObject[0]
 const nodePkgObjectState = nodeObject[0]
 const kotlinObjectState = kotlinObject[0]
 
-
-
 class App extends Component {
 
+  // something like const [methods] = useState(kotlinBleProductState.modules) ???
+
   constructor(props) {
     super(props)
     this.state = {

src/Core_Kotlin_Schema.js

@@ -31,7 +31,7 @@ export default class Header extends Component {
     const { platform, onClick } = this.props
 
     return platform.map(platform => (
-        <DropdownItem onClick={onClick} id={platform}>{platform}</DropdownItem>
+      <DropdownItem key={platform} onClick={onClick} id={platform}>{platform}</DropdownItem>
       )
     )
   }
@@ -40,7 +40,7 @@ export default class Header extends Component {
     const { product, onClick } = this.props
 
     return product.map(prod => (
-        <DropdownItem onClick={onClick} id={prod}>{prod}</DropdownItem>
+        <DropdownItem key={prod} onClick={onClick} id={prod}>{prod}</DropdownItem>
       )
     )
   }

src/components/Header.js

@@ -0,0 +1,9 @@
+/* @font-face {
+  font-family: 'Titillium Web';
+  font-display: swap;
+  src: url(https://fonts.googleapis.com/css?family=Titillium+Web);
+} */
+
+body {
+  font-family: 'Titillium Web', sans-serif;
+}

src/components/Layout.css

@@ -1,8 +1,10 @@
 import React from 'react'
 import { Helmet } from 'react-helmet'
+import './Layout.css'
+
 const Layout = props => {
   return (
-    <div style={layoutStyle}>
+    <div>
     <Helmet>
       <title>XYO Reference Portal</title>
       <meta name="description" content="XYO Reference"/>
@@ -13,7 +15,3 @@ const Layout = props => {
 }
 
 export default Layout
-
-const layoutStyle = {
-  fontFamily: 'Titillium Web'
-}

src/components/Layout.js

@@ -5,6 +5,8 @@ import { Link, animateScroll as scroll } from 'react-scroll'
 
 export default class SideNav extends Component {
 
+  // consider changing this to a functional component without class expression
+
   scrollToTop = () => {
     scroll.scrollToTop()
   }

src/components/PlatformSelectionView.js

@@ -1,5 +1,4 @@
 import React from 'react'
-
 const SideNavLayout = props => {
   return (
     <div className="side-nav">
@@ -13,7 +12,6 @@ const SideNavLayout = props => {
 }
 
 const sideNavStyle = {
-  fontFamily: 'Titillium Web',
   boxShadow: '2px 2px 6px - 2px #3f3b3b',
   listStyle: 'none'
 }

src/components/SideNav.js

@@ -12,3 +12,10 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
+
+@font-face {
+  font-family: 'Titillium Web';
+  font-display: swap;
+  src: url(https://fonts.googleapis.com/css?family=Titillium+Web);
+}
+