diff --git a/dist/index.html b/dist/index.html index df6cdaf..c26c1f6 100644 --- a/dist/index.html +++ b/dist/index.html @@ -3,6 +3,8 @@ MinBin! + +
@@ -10,6 +12,9 @@ + + + diff --git a/index.html b/index.html index 9943521..00f7986 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,8 @@ Hello React! + +
@@ -10,8 +12,12 @@ - + + + + + \ No newline at end of file diff --git a/src/components/Tab1.tsx b/src/components/Tab1.tsx new file mode 100644 index 0000000..8fac297 --- /dev/null +++ b/src/components/Tab1.tsx @@ -0,0 +1,41 @@ +import * as React from "react"; +import { Row, Col, Card, CardText } from "reactstrap"; + +let exampleText = ` +void Main() +{ + var next5Friday13 = DateTime.Today + .Recurse(a=>a.AddDays(1)) + .Where(a=>a.Day == 13 && a.DayOfWeek == DayOfWeek.Friday).Take(5); + +} +public static class Extension +{ + public static IEnumerable Recurse(this T obj, Func action) + { + var local = obj; + while(true) + { + local = action(local); + yield return local; + } + } +} +` + +export class Tab1 extends React.Component{ + render(){ + return( + + + +
+                        
+                            {exampleText}
+                        
+                    
+
+ +
); + } +} \ No newline at end of file diff --git a/src/components/TabNav.tsx b/src/components/TabNav.tsx index bd64edb..428fc68 100644 --- a/src/components/TabNav.tsx +++ b/src/components/TabNav.tsx @@ -1,4 +1,5 @@ -import * as React from "react"; +import { Tab1 } from './Tab1'; +import * as React from 'react'; import { TabContent, TabPane, Nav, NavItem, NavLink, Card, Button, CardTitle, CardText, Row, Col, NavbarBrand } from 'reactstrap'; export class TabNav extends React.Component { @@ -27,7 +28,7 @@ export class TabNav extends React.Component { className={this.state.activeTab === '1' ? 'active': ''} onClick={() => { this.toggle('1'); }} > - Tab1 + View @@ -35,33 +36,18 @@ export class TabNav extends React.Component { className={this.state.activeTab === '2' ? 'active': ''} onClick={() => { this.toggle('2'); }} > - Moar Tabs + Edit - - -

Tab 1 Contents

- -
+
- - - Special Title Treatment - With supporting text below as a natural lead-in to additional content. - - - - - - Special Title Treatment - With supporting text below as a natural lead-in to additional content. - - + +

Comming Soon

diff --git a/src/index.tsx b/src/index.tsx index e29382f..212ee03 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -9,7 +9,6 @@ import { LoginContainer } from './containers/Login' import { createStore } from 'redux' import {MainReducer} from './reducers/MainReducer' import { Provider } from 'react-redux' - BoostrapFirebase(); let store = createStore(MainReducer) const App = () => ( @@ -18,8 +17,8 @@ const App = () => ( - + ); ReactDOM.render(