give indicator that the checkbox reflects config value

iterative · May 25, 2023 · c3717c0 · c3717c0
1 parent 28b3f42
commit c3717c0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/webview/src/setup/components/studio/Settings.tsx b/webview/src/setup/components/studio/Settings.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { useSelector } from 'react-redux'
 import { VSCodeCheckbox } from '@vscode/webview-ui-toolkit/react'
+import styles from './styles.module.scss'
 import { saveStudioToken, removeStudioToken } from '../messages'
 import { EmptyState } from '../../../shared/components/emptyState/EmptyState'
 import { Button } from '../../../shared/components/button/Button'
@@ -30,9 +31,16 @@ export const Settings: React.FC<{
             onClick={() => setShareLiveToStudio(!shareLiveToStudio)}
             checked={shareLiveToStudio}
           >
-            Share New Experiments Live
+            Share New Experiments Live*
           </VSCodeCheckbox>
         </p>
+        <p className={styles.smallFont}>
+          *The checkbox reflects the{' '}
+          <a href="https://dvc.org/doc/user-guide/project-structure/configuration#studio">
+            studio.offline
+          </a>{' '}
+          config value.
+        </p>
         <Button
           appearance="primary"
           isNested={false}

diff --git a/webview/src/setup/components/studio/styles.module.scss b/webview/src/setup/components/studio/styles.module.scss
@@ -0,0 +1,3 @@
+.smallFont {
+  font-size: 0.6rem;
+}