8ebde8aa05
Some checks failed
Branch Build CE / Build Setup (push) Has been cancelled
Branch Build CE / Build-Push Admin Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Web Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Space Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Live Collaboration Docker Image (push) Has been cancelled
Branch Build CE / Build-Push API Server Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Proxy Docker Image (push) Has been cancelled
Branch Build CE / Build-Push AIO Docker Image (push) Has been cancelled
Branch Build CE / Upload Build Assets (push) Has been cancelled
Branch Build CE / Build Release (push) Has been cancelled
CodeQL / Analyze (javascript) (push) Has been cancelled
CodeQL / Analyze (python) (push) Has been cancelled
Codespell / Check for spelling errors (push) Has been cancelled
Sync Repositories / sync_changes (push) Has been cancelled
Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362
28 lines
696 B
TypeScript
28 lines
696 B
TypeScript
// hooks
|
|
import { useCurrentTime } from "@/hooks/use-current-time";
|
|
|
|
type Props = {
|
|
timeZone: string | undefined;
|
|
};
|
|
|
|
export const ProfileSidebarTime: React.FC<Props> = (props) => {
|
|
const { timeZone } = props;
|
|
// current time hook
|
|
const { currentTime } = useCurrentTime();
|
|
|
|
// Create a date object for the current time in the specified timezone
|
|
const formatter = new Intl.DateTimeFormat("en-US", {
|
|
timeZone: timeZone,
|
|
hour12: false, // Use 24-hour format
|
|
hour: "2-digit",
|
|
minute: "2-digit",
|
|
});
|
|
const timeString = formatter.format(currentTime);
|
|
|
|
return (
|
|
<span>
|
|
{timeString} <span className="text-custom-text-200">{timeZone}</span>
|
|
</span>
|
|
);
|
|
};
|