this repo has no description
Show synced icon & link to instance for more settings
Context: some users were confused why some settings are not on Phanpy when it can be set on their own instance's web UI
+22
-2
+1
src/components/icon.jsx
+1
src/components/icon.jsx
···
101
101
keyboard: () => import('@iconify-icons/mingcute/keyboard-line'),
102
102
'mute-user': () => import('@iconify-icons/mingcute/user-hide-line'),
103
103
'block-user': () => import('@iconify-icons/mingcute/user-security-line'),
104
+
cloud: () => import('@iconify-icons/mingcute/cloud-line'),
104
105
};
105
106
106
107
function Icon({
+5
src/pages/settings.css
+5
src/pages/settings.css
+16
-2
src/pages/settings.jsx
+16
-2
src/pages/settings.jsx
···
34
34
const currentTextSize = store.local.get('textSize') || DEFAULT_TEXT_SIZE;
35
35
36
36
const [prefs, setPrefs] = useState(store.account.get('preferences') || {});
37
-
const { masto, authenticated } = api();
37
+
const { masto, authenticated, instance } = api();
38
38
// Get preferences every time Settings is opened
39
39
// 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.
40
40
// useEffect(() => {
···
178
178
<li>
179
179
<div>
180
180
<label for="posting-privacy-field">
181
-
Default visibility
181
+
Default visibility{' '}
182
+
<Icon icon="cloud" alt="Synced" class="synced-icon" />
182
183
</label>
183
184
</div>
184
185
<div>
···
217
218
</li>
218
219
</ul>
219
220
</section>
221
+
<p class="section-postnote">
222
+
<Icon icon="cloud" alt="Synced" class="synced-icon" />{' '}
223
+
<small>
224
+
Synced to your instance server's settings.{' '}
225
+
<a
226
+
href={`https://${instance}/`}
227
+
target="_blank"
228
+
rel="noopener noreferrer"
229
+
>
230
+
Go to your instance ({instance}) for more settings.
231
+
</a>
232
+
</small>
233
+
</p>
220
234
</>
221
235
)}
222
236
<h3>Experiments</h3>