styled last edited

components/ui/LastEdited.tsx

@@ -15,11 +15,10 @@ export const LastEdited = styled(({
     </p>
   )
 })`
-  
-  font-size: 10.5rem;
-  color: blue;
-  
-
+  margin-top: 2rem !important;
+  font-size: 1rem !important;
+  color: inherit;
+  opacity: 0.5;
 `
 
 

utils/useLastEdited.ts

@@ -1,22 +1,21 @@
 import { useCMS } from "tinacms"
 import { useEffect } from "react"
 import createDecorator from "final-form-calculate"
-import { formatDate } from "./blog_helpers"
 
 
 export function useLastEdited(form) {
-    const cms = useCMS()
+  const cms = useCMS()
 
-    useEffect(() => {
-        if (cms.disabled) { return }
-        const decorator = createDecorator(
-            {
-                field: /.*/,
-                updates: {
-                    'frontmatter.last_edited': () => (new Date()).toISOString()
-                }
-            }
-        )
-        return decorator(form.finalForm)
-    }, [form.id])
+  useEffect(() => {
+    if (cms.disabled) { return }
+    const decorator = createDecorator(
+      {
+        field: /.*/,
+        updates: {
+          'frontmatter.last_edited': () => (new Date()).toISOString()
+        }
+      }
+    )
+    return decorator(form.finalForm)
+  }, [form.id])
 }