fix: Fix log order in the workspace build page (#1604)

BrunoQuaresma · kylecarbs · commit b979164f4761 · 2022-06-10T17:01:40.000Z
diff --git a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx
@@ -3,13 +3,18 @@ import Typography from "@material-ui/core/Typography"
 import { useMachine } from "@xstate/react"
 import React from "react"
 import { useParams } from "react-router-dom"
+import { ProvisionerJobLog } from "../../api/typesGenerated"
 import { Loader } from "../../components/Loader/Loader"
 import { Margins } from "../../components/Margins/Margins"
 import { Stack } from "../../components/Stack/Stack"
 import { WorkspaceBuildLogs } from "../../components/WorkspaceBuildLogs/WorkspaceBuildLogs"
 import { WorkspaceBuildStats } from "../../components/WorkspaceBuildStats/WorkspaceBuildStats"
 import { workspaceBuildMachine } from "../../xServices/workspaceBuild/workspaceBuildXService"
 
+const sortLogsByCreatedAt = (logs: ProvisionerJobLog[]) => {
+  return [...logs].sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())
+}
+
 const useBuildId = () => {
   const { buildId } = useParams()
 
@@ -35,7 +40,7 @@ export const WorkspaceBuildPage: React.FC = () => {
 
         {build && <WorkspaceBuildStats build={build} />}
         {!logs && <Loader />}
-        {logs && <WorkspaceBuildLogs logs={logs} />}
+        {logs && <WorkspaceBuildLogs logs={sortLogsByCreatedAt(logs)} />}
       </Stack>
     </Margins>
   )
