RavenDB-24365 Apply a future date in the examples (archival, refresh, expiration)

Author: Danielle9897

src/Raven.Studio/typescript/components/pages/database/settings/dataArchival/DataArchival.tsx

@@ -37,6 +37,10 @@ import { useRavenLink } from "hooks/useRavenLink";
 
 const defaultItemsToProcess = 65536;
 
+// Compute a future date dynamically for the sample in the 'About this view' text:
+const archiveAt = new Date();
+archiveAt.setFullYear(archiveAt.getFullYear() + 1);
+
 export default function DataArchival() {
     const databaseName = useAppSelector(databaseSelectors.activeDatabaseName);
     const hasDatabaseAdminAccess = useAppSelector(accessManagerSelectors.getHasDatabaseAdminAccess)();
@@ -247,7 +251,7 @@ export default function DataArchival() {
                                         </ul>
                                     </li>
                                 </ul>
-                                <p>Sample document:</p>
+                                <p>Example of a document scheduled for archival:</p>
                                 <Code code={codeExample} language="javascript" />
                                 <hr />
                                 <div className="small-label mb-2">useful links</div>
@@ -268,11 +272,10 @@ export default function DataArchival() {
 }
 
 const codeExample = `{
-  "Example": 
-    "Set a timestamp in the @archive-at metadata property",
+  "Example": "Set a timestamp in the @archive-at metadata property",
   "@metadata": {
     "@collection": "Foo",
-    "@archive-at": "2023-07-16T08:00:00.0000000Z"
+    "@archive-at": "${archiveAt.toISOString()}"
   }
 }`;
 

src/Raven.Studio/typescript/components/pages/database/settings/documentExpiration/DocumentExpiration.tsx

@@ -33,6 +33,10 @@ import RichAlert from "components/common/RichAlert";
 
 const defaultItemsToProcess = 65536;
 
+// Compute a future date dynamically for the sample in the 'About this view' text:
+const expireAt = new Date();
+expireAt.setFullYear(expireAt.getFullYear() + 1);
+
 export default function DocumentExpiration() {
     const databaseName = useAppSelector(databaseSelectors.activeDatabaseName);
     const { databasesService } = useServices();
@@ -248,7 +252,7 @@ export default function DocumentExpiration() {
                                     </li>
                                 </ul>
 
-                                <p>Sample document:</p>
+                                <p>Example of a document scheduled for expiration:</p>
                                 <Code code={codeExample} language="javascript" />
                                 <hr />
                                 <div className="small-label mb-2">useful links</div>
@@ -293,7 +297,7 @@ const codeExample = `{
       "Set a timestamp in the @expires metadata property",
     "@metadata": {
       "@collection": "Foo",
-      "@expires": "2023-07-16T08:00:00.0000000Z"
+      "@expires": "${expireAt.toISOString()}"
     }
 }`;
 

src/Raven.Studio/typescript/components/pages/database/settings/documentRefresh/DocumentRefresh.tsx

@@ -33,6 +33,10 @@ import RichAlert from "components/common/RichAlert";
 
 const defaultItemsToProcess = 65536;
 
+// Compute a future date dynamically for the sample in the 'About this view' text:
+const refreshAt = new Date();
+refreshAt.setFullYear(refreshAt.getFullYear() + 1);
+
 export default function DocumentRefresh() {
     const databaseName = useAppSelector(databaseSelectors.activeDatabaseName);
     const { databasesService } = useServices();
@@ -247,7 +251,7 @@ export default function DocumentRefresh() {
                                         Subscriptions, etc.), as defined by your configuration.
                                     </li>
                                 </ul>
-                                <p>Sample document:</p>
+                                <p>Example of a document scheduled for refresh:</p>
                                 <Code code={codeExample} language="javascript" />
                                 <hr />
                                 <div className="small-label mb-2">useful links</div>
@@ -292,7 +296,7 @@ const codeExample = `{
     "Set a timestamp in the @refresh metadata property",
   "@metadata": {
     "@collection": "Foo",
-    "@refresh": "2023-07-16T08:00:00.0000000Z"
+    "@refresh": "${refreshAt.toISOString()}"
   }
 }`;