diff --git a/src/components/icon.jsx b/src/components/icon.jsx index fd52d511..057161e7 100644 --- a/src/components/icon.jsx +++ b/src/components/icon.jsx @@ -101,6 +101,7 @@ export const ICONS = { keyboard: () => import('@iconify-icons/mingcute/keyboard-line'), 'mute-user': () => import('@iconify-icons/mingcute/user-hide-line'), 'block-user': () => import('@iconify-icons/mingcute/user-security-line'), + cloud: () => import('@iconify-icons/mingcute/cloud-line'), }; function Icon({ diff --git a/src/pages/settings.css b/src/pages/settings.css index 0b150d31..b9dd0e9c 100644 --- a/src/pages/settings.css +++ b/src/pages/settings.css @@ -135,3 +135,8 @@ padding-inline: 16px; color: var(--text-insignificant-color); } + +#settings-container .synced-icon { + color: var(--link-color); + vertical-align: middle; +} diff --git a/src/pages/settings.jsx b/src/pages/settings.jsx index 56fe2ffe..0c6635ce 100644 --- a/src/pages/settings.jsx +++ b/src/pages/settings.jsx @@ -34,7 +34,7 @@ function Settings({ onClose }) { const currentTextSize = store.local.get('textSize') || DEFAULT_TEXT_SIZE; const [prefs, setPrefs] = useState(store.account.get('preferences') || {}); - const { masto, authenticated } = api(); + const { masto, authenticated, instance } = api(); // Get preferences every time Settings is opened // NOTE: Disabled for now because I don't expect this to change often. Also for some reason, the /api/v1/preferences endpoint is cached for a while and return old prefs if refresh immediately after changing them. // useEffect(() => { @@ -178,7 +178,8 @@ function Settings({ onClose }) {
  • @@ -217,6 +218,19 @@ function Settings({ onClose }) {
  • +

    + {' '} + + Synced to your instance server's settings.{' '} + + Go to your instance ({instance}) for more settings. + + +

    )}

    Experiments