Show save status in smart editor

navikt · Sep 11, 2024 · 6a2dc0b · 6a2dc0b
1 parent 6e62503
commit 6a2dc0b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/frontend/src/components/smart-editor/tabbed-editors/editor.tsx b/frontend/src/components/smart-editor/tabbed-editors/editor.tsx
@@ -128,7 +128,7 @@ export const Editor = ({ smartDocument }: EditorProps) => {
           {showHistory ? <History oppgaveId={oppgave.id} smartDocument={smartDocument} /> : null}
         </MainContainer>
 
-        <StatusBar />
+        <StatusBar oppgaveId={oppgave.id} dokumentId={id} />
       </Plate>
     </Container>
   );

diff --git a/frontend/src/plate/status-bar/status-bar.tsx b/frontend/src/plate/status-bar/status-bar.tsx
@@ -1,12 +1,32 @@
 import { styled } from 'styled-components';
+import { isoDateTimeToPretty } from '@app/domain/date';
 import { Zoom } from '@app/plate/status-bar/zoom';
+import { useGetSmartDocumentVersionsQuery } from '@app/redux-api/oppgaver/queries/documents';
 
-export const StatusBar = () => (
+interface Props {
+  oppgaveId: string;
+  dokumentId: string;
+}
+
+export const StatusBar = (props: Props) => (
   <Container>
     <Zoom />
+    <VersionStatus {...props} />
   </Container>
 );
 
+const VersionStatus = ({ oppgaveId, dokumentId }: Props) => {
+  const { data = [] } = useGetSmartDocumentVersionsQuery({ dokumentId, oppgaveId });
+
+  const last = data[data.length - 1];
+
+  if (last === undefined) {
+    return null;
+  }
+
+  return <span>Sist lagret: {isoDateTimeToPretty(last.timestamp)}</span>;
+};
+
 const Container = styled.div`
   width: 100%;
   padding-top: 2px;