lifetracker/apps/web/components/settings/AppSettings.tsx

27 lines
883 B
TypeScript

import { api } from "@/server/api/client";
import ChangeTimezone from "@/components/settings/ChangeTimezone";
export default async function AppSettings() {
const userTimezone: string = await api.users.getTimezone().then((res) => {
return res;
});
return (
<div className="mb-8 flex w-full flex-col sm:flex-row">
<div className="mb-4 w-full text-lg font-medium sm:w-1/3">
Locale Settings
</div>
<div className="w-full">
<div className="mb-2" >
<div className="mb-2 text-sm font-medium">Timezone</div>
<div className="select-wrapper">
<ChangeTimezone
userTimezone={userTimezone}
/>
</div>
</div>
</div>
</div>);
}