Cleanup

packages/features/accounts/src/components/personal-account-settings/update-password-container.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import { useUser } from '@kit/supabase/hooks/use-user';
+import { Alert } from '@kit/ui/alert';
+import { Trans } from '@kit/ui/trans';
+
+import { UpdatePasswordForm } from './update-password-form';
+
+export function UpdatePasswordFormContainer(
+  props: React.PropsWithChildren<{
+    callbackPath: string;
+  }>,
+) {
+  const { data: user } = useUser();
+
+  if (!user) {
+    return null;
+  }
+
+  const canUpdatePassword = user.identities?.some(
+    (item) => item.provider === `email`,
+  );
+
+  if (!canUpdatePassword) {
+    return <WarnCannotUpdatePasswordAlert />;
+  }
+
+  return <UpdatePasswordForm callbackPath={props.callbackPath} user={user} />;
+}
+
+function WarnCannotUpdatePasswordAlert() {
+  return (
+    <Alert variant={'warning'}>
+      <Trans i18nKey={'profile:cannotUpdatePassword'} />
+    </Alert>
+  );
+}