From cc1922008e38922df741b81ff04f7322979f73a9 Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Wed, 26 Apr 2023 13:09:52 -0700
Subject: [PATCH] CEC-4178 Handle car update send event (#323)

---
 src/components/Controls/CarUpdateStatusProgress/Statuses.js | 1 +
 src/components/Controls/CarUpdateStatusProgress/index.jsx   | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Controls/CarUpdateStatusProgress/Statuses.js b/src/components/Controls/CarUpdateStatusProgress/Statuses.js
index b01c659..fc9be48 100644
--- a/src/components/Controls/CarUpdateStatusProgress/Statuses.js
+++ b/src/components/Controls/CarUpdateStatusProgress/Statuses.js
@@ -1,5 +1,6 @@
 const Statuses = {
   Pending: "pending",
+  Sent: "sent",
   ManifestReceived: "manifest_received",
   ManifestAccepted: "manifest_accepted",
   ManifestRejected: "manifest_rejected",
diff --git a/src/components/Controls/CarUpdateStatusProgress/index.jsx b/src/components/Controls/CarUpdateStatusProgress/index.jsx
index 103eeaf..2131b30 100644
--- a/src/components/Controls/CarUpdateStatusProgress/index.jsx
+++ b/src/components/Controls/CarUpdateStatusProgress/index.jsx
@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from "react";
-import { CheckCircle, RadioButtonUnchecked, Error } from "@material-ui/icons";
 import Typography from "@material-ui/core/Typography";
+import { CheckCircle, Error, RadioButtonUnchecked } from "@material-ui/icons";
 import clsx from "clsx";
+import React, { useEffect, useState } from "react";
 
 import CircularProgress from "../CircularProgress";
 import s from "./Statuses";
@@ -13,7 +13,7 @@ const CompleteStatus = 100;
 const PHASES = [
   {
     label: "Pending",
-    events: [s.Pending],
+    events: [s.Pending, s.Sent],
     progress: () => CompleteStatus,
   },
   {