refactor(types): use API types generated from spec

Author: adriengibrat

src/Detail.tsx

@@ -3,7 +3,7 @@ import { FormattedDate, FormattedMessage, FormattedTime } from 'react-intl';
 import { Item, Loader, Button } from 'semantic-ui-react';
 import { Link, useParams, useHistory } from 'react-router-dom';
 
-import ActivitiesContext, { Activity, State } from './context/index';
+import ActivitiesContext, { Activity } from './context/index';
 import {
   FULL_DATE_FORMAT,
   CallImage,

src/context/index.ts

@@ -16,14 +16,6 @@ export interface State {
   archiveActivity: (id: number) => void;
 }
 
-export interface Activity {
-  id: number;
-  created_at: string;
-  direction: 'inbound' | 'outbound';
-  from: string;
-  to: string;
-  via: string;
-  duration: string;
-  is_archived: boolean;
-  call_type: 'answered' | 'missed' | 'voicemail';
-}
+import { Schemas } from './api';
+import Activity = Schemas.Activity;
+export { Activity };

webpack.config.js

@@ -43,7 +43,7 @@ module.exports = {
   },
   entry: './src/index.tsx',
   resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx']
+    extensions: ['.ts', '.tsx', '.d.ts', '.js', '.jsx']
   },
   plugins: [
     new HtmlWebPackPlugin({