mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-11 09:40:28 +03:00
Fix flickering issues when updating profile fields
This commit is contained in:
parent
c3901804c0
commit
5c2c8984aa
2 changed files with 25 additions and 17 deletions
|
|
@ -1,4 +1,4 @@
|
|||
import React, { MouseEventHandler, useCallback, useMemo, useState } from 'react';
|
||||
import React, { MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import FocusTrap from 'focus-trap-react';
|
||||
import { isKeyHotkey } from 'is-hotkey';
|
||||
|
|
@ -538,11 +538,16 @@ export function TimezoneChip({ timezone }: { timezone: string }) {
|
|||
);
|
||||
const [shortTime, setShortTime] = useState(shortFormat.format());
|
||||
const [longTime, setLongTime] = useState(longFormat.format());
|
||||
|
||||
useInterval(() => {
|
||||
const updateTime = useCallback(() => {
|
||||
setShortTime(shortFormat.format());
|
||||
setLongTime(longFormat.format());
|
||||
}, 1000);
|
||||
}, [setShortTime, setLongTime, shortFormat, longFormat]);
|
||||
|
||||
useEffect(() => {
|
||||
updateTime();
|
||||
}, [timezone, updateTime]);
|
||||
|
||||
useInterval(updateTime, 1000);
|
||||
|
||||
return (
|
||||
<TooltipProvider
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue