cookie row and cookie cell typescript update

Author: gspletzer

src/client/components/display/CookieTable.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import CookieTableRow from './CookieTableRow.jsx'
+import {CookieTableRow} from './CookieTableRow'
 
 class CookieTable extends Component {
   constructor(props) {

src/client/components/display/CookieTableCell.jsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+
+export class CookieTableCell extends React.Component<any, any> {
+  constructor(props: any) {
+    super(props);
+    this.state = {};
+  }
+
+  render() {
+    return (
+      <div className="cookieTableCell">{this.props.detail.toString()}</div>
+    );
+  }
+}
+
+//export default CookieTableCell;

src/client/components/display/CookieTableCell.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { CookieTableCell } from "./CookieTableCell";
+import { any } from "prop-types";
+
+export class CookieTableRow extends React.Component<any, any> {
+  constructor(props: any) {
+    super(props);
+    this.state = {};
+  }
+
+  render() {
+    let tableCellArray: any[] = [];
+    for (const key in this.props.cookie) {
+      tableCellArray.push(
+        <CookieTableCell detail={this.props.cookie[key]} key={key} />
+      );
+    }
+    if (!this.props.cookie.expirationDate) {
+      tableCellArray.push(<CookieTableCell detail="" key="expirationDate" />);
+    }
+    return <div className="cookieTableRow grid-9">{tableCellArray}</div>;
+  }
+}
+
+//export default CookieTableRow;