= ({ isBooked, id, isInCart }) => {
const [mutate, { loading, error }] = useMutation(
isBooked ? CANCEL_TRIP : TOGGLE_CART,
{
@@ -47,8 +50,7 @@ export default function ActionButton({ isBooked, id, isInCart }) {
return (
);
}
+
+export default ActionButton;
\ No newline at end of file
diff --git a/final/client/src/containers/book-trips.js b/final/client/src/containers/book-trips.tsx
similarity index 63%
rename from final/client/src/containers/book-trips.js
rename to final/client/src/containers/book-trips.tsx
index 8d0d5a90b..f97f08c29 100644
--- a/final/client/src/containers/book-trips.js
+++ b/final/client/src/containers/book-trips.tsx
@@ -4,8 +4,9 @@ import gql from 'graphql-tag';
import Button from '../components/button';
import { GET_LAUNCH } from './cart-item';
+import * as GetCartItemsTypes from '../pages/__generated__/GetCartItems';
+import * as BookTripsTypes from './__generated__/BookTrips';
-export { GET_LAUNCH };
export const BOOK_TRIPS = gql`
mutation BookTrips($launchIds: [ID]!) {
bookTrips(launchIds: $launchIds) {
@@ -19,8 +20,10 @@ export const BOOK_TRIPS = gql`
}
`;
-export default function BookTrips({ cartItems }) {
- const [bookTrips, { data }] = useMutation(
+interface BookTripsProps extends GetCartItemsTypes.GetCartItems {}
+
+const BookTrips: React.FC = ({ cartItems }) => {
+ const [bookTrips, { data }] = useMutation(
BOOK_TRIPS,
{
variables: { launchIds: cartItems },
@@ -37,8 +40,12 @@ export default function BookTrips({ cartItems }) {
return data && data.bookTrips && !data.bookTrips.success
? {data.bookTrips.message}
: (
-