From 7f11431c7eff89e8a881c2708d42a4be221dfb0c Mon Sep 17 00:00:00 2001
From: Bruno <bruno@coder.com>
Date: Thu, 19 May 2022 21:08:16 +0000
Subject: [PATCH] fix: Fix log order in the workspace build page

---
 site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx
index d840ef32a7f85..1ae2b1fdcc710 100644
--- a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx
+++ b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx
@@ -3,6 +3,7 @@ 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"
@@ -10,6 +11,10 @@ import { WorkspaceBuildLogs } from "../../components/WorkspaceBuildLogs/Workspac
 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>
   )