refactor(infra): directory structure (#4615)

2026-08-11 05:58:56 +08:00 · 2023-10-18 23:30:08 +08:00
parent 814d552be8
commit bed9310519
1150 changed files with 539 additions and 584 deletions
@@ -0,0 +1,50 @@
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
+import { Button } from '@toeverything/components/button';
+import { type FC, useCallback, useRef, useState } from 'react';
+
+import { Wrapper } from '../../ui/layout';
+import { PasswordInput } from './password-input';
+
+export const SetPassword: FC<{
+  showLater?: boolean;
+  onLater?: () => void;
+  onSetPassword: (password: string) => void;
+}> = ({ onLater, onSetPassword, showLater = false }) => {
+  const t = useAFFiNEI18N();
+
+  const [passwordPass, setPasswordPass] = useState(false);
+  const passwordRef = useRef('');
+
+  return (
+    <>
+      <Wrapper marginTop={30} marginBottom={42}>
+        <PasswordInput
+          width={320}
+          onPass={useCallback(password => {
+            setPasswordPass(true);
+            passwordRef.current = password;
+          }, [])}
+          onPrevent={useCallback(() => {
+            setPasswordPass(false);
+          }, [])}
+        />
+      </Wrapper>
+      <Button
+        type="primary"
+        size="large"
+        disabled={!passwordPass}
+        style={{ marginRight: 20 }}
+        onClick={useCallback(() => {
+          onSetPassword(passwordRef.current);
+        }, [onSetPassword])}
+      >
+        {t['com.affine.auth.set.password.save']()}
+      </Button>
+      {showLater ? (
+        <Button type="plain" size="large" onClick={onLater}>
+          {t['com.affine.auth.later']()}
+        </Button>
+      ) : null}
+    </>
+  );
+};