[AFP-26] 🚧 set up modules/interfaces for ts typing.

src/@types/Order.d.ts

+declare module "Order" {
+    export interface Order {
+        date: string,
+        orderNumber: string,
+        orderItems: Product[]
+    }
+
+    export interface Product {
+        _id: string,
+        sku: string,
+        upc: string,
+        productName: string,
+        productDescription: string,
+        price: number,
+        quantity: number,
+        productImageUrl: string,
+        brand: string,
+        category: string
+    }
+}
\ No newline at end of file

src/pages/OrderShowPage.tsx

 import React, {useState, useEffect} from 'react';
 import { OrderService } from 'services';
 import {OrderShowDetails} from 'components';
-import Order from '../types/Order';
+import { Order } from 'Order';
 
 const OrderShowPage = (props: any) => {
     const location = parseInt(props.match.params.id);

src/services/OrderService.ts

 import orderData from './mock-order-data'
-import Order from 'types/Order'
-
+import { Order } from 'Order';
 // type Order {
 //     sku: number
 // }

src/services/mock-order-data.ts

-import Order from '../types/Order'
+import { Order } from 'Order'
 
 const orders: Order[] = [
     {

src/types/Order.ts

-interface Order {
-    date: string,
-    orderNumber: string,
-    orderItems: any[]
-}
-
-export default Order;
\ No newline at end of file

tsconfig.json

@@ -19,7 +19,8 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "baseUrl": "src"
+    "baseUrl": "src",
+    "typeRoots": ["src/@types", "node_modules/@types"]
   },
   "include": [
     "src"