wip

2026-08-20 06:29:07 +00:00 · 2024-02-14 11:52:24 -07:00
parent 71dace669b
commit ecaf0a209b
6 changed files with 71 additions and 0 deletions
@@ -0,0 +1,34 @@
+import { Alert, AlertDescription, AlertIcon, AlertTitle } from '@chakra-ui/react';
+
+import ModalLink from '../../../../features/modals/ModalLink';
+import * as Panel from '../PanelUtils';
+
+import style from './UrlAliasPanel.module.scss';
+
+const aliasesDocsUrl = 'https://ontime.gitbook.io/v2/features/url-aliases';
+
+export default function UrlAliasPanel() {
+  return (
+    <>
+      <Panel.Header>URL Aliases</Panel.Header>
+      <Panel.Section>
+        <Panel.Card>
+          <div>
+            <Alert status='info' variant='ontime-on-light-info'>
+              <AlertIcon />
+              <div className={style.column}>
+                <AlertTitle>URL Aliases</AlertTitle>
+                <AlertDescription>
+                  Custom aliases allow providing a short name for any ontime URL. <br />
+                  It serves two primary purposes: <br />
+                  - Providing dynamic URLs for automation or unattended screens <br />- Simplifying complex URLs
+                  <ModalLink href={aliasesDocsUrl}>For more information, see the docs</ModalLink>
+                </AlertDescription>
+              </div>
+            </Alert>
+          </div>
+        </Panel.Card>
+      </Panel.Section>
+    </>
+  );
+}