Fix bugs. Show version number in footer.

.gitignore

@@ -6,6 +6,7 @@ obj/
 bin/
 coverage/
 wwwroot/
+build/
 
 # dependencies
 node_modules/

Wallet-Firebase/.env

@@ -0,0 +1,2 @@
+REACT_APP_VERSION=$npm_package_version
+REACT_APP_NAME=$npm_package_name

Wallet-Firebase/firebase.json

@@ -3,6 +3,6 @@
     "rules": "database.rules.json"
   },
   "hosting": {
-    "public": "wwwroot"
+    "public": "build"
   }
 }

Wallet-Firebase/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wallet-firebase",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "",
   "main": "MobileApp/index.tsx",
   "private": true,

Wallet-Firebase/src/layout.tsx

@@ -12,6 +12,7 @@ const Layout: React.SFC<LayoutProps> = ({ ...rest }) => {
             <Container role="main">
                 {rest.children}
             </Container>
+            <footer className="text-center text-black-50 font-weight-light">Version: {process.env.REACT_APP_VERSION}</footer>
         </>
     );
 };

Wallet-Firebase/src/pages/home/subComponents/editRow.tsx

@@ -75,10 +75,10 @@ export const EditRow: React.SFC<EditRowProps> = ({ item, save, cancel }) => {
                 </Col>
             </Row>
             <Row form>
-                <Col xs={7}>
+                <Col>
                     <DateInput value={checkedDate} onChange={setCheckedDate} />
                 </Col>
-                <Col xs={5}>
+                <Col xs="auto">
                     <IconButton icon="check" size="lg" onClick={saveAndChecInternal} style={{ visibility: shouldCheck ? "visible" : "hidden" }} type="button" title="Done and save" />
                     <IconButton icon="save" size="lg" onClick={saveInternal} type="submit" title="Save changes" />
                     <IconButton icon="times" size="lg" onClick={cancelInternal} title="Cancel changes" />

Wallet-Firebase/src/pages/home/subComponents/viewRow.tsx

@@ -33,10 +33,10 @@ export const ViewRow: React.SFC<ViewRowProps> = ({ item, remove, edit, index })
                 </Col>
             </Row>
             <Row>
-                <Col xs={8}>
+                <Col>
                     {checkedDate && moment(checkedDate).format("L")}
                 </Col>
-                <Col xs={4}>
+                <Col xs="auto">
                     <IconButton icon="edit" size="lg" onClick={editInternal} title="Edit" />
                     <IconButton icon="trash" size="lg" onClick={removeInternal} title="Delete" />
                 </Col>

Wallet-Firebase/src/walletCommon/navbar/navbar.tsx

@@ -61,7 +61,7 @@ class Navbar2 extends React.Component<NavbarProps, NavbarState> {
             <Navbar color="dark" dark expand="md" fixed="top">
                 <NavbarBrand href="/">Wallet</NavbarBrand>
                 <NavbarToggler onClick={this.toggleNavbar} />
-                <Collapse open={open} navbar id="walletNavbar">
+                <Collapse isOpen={open} navbar id="walletNavbar">
                     <Nav className="mr-auto" navbar>
                         <MenuItem to="/" exact>Home</MenuItem>
                         <MenuItem to="/sharedPrices" exact>Share prices</MenuItem>