Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-30 20:33:54 -05:00
Code Issues Activity

refactor(console): refresh preview on custom phrases updated (#2083)

Browse source
This commit is contained in:
Xiao Yijun 2022-10-10 10:00:37 +08:00 committed by GitHub
parent 691bdb3ac9
commit a2d59cd0ff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/console/src/hooks/use-ui-languages.ts
View file

@ -27,6 +27,7 @@ const useUiLanguages = () => {
); );
return { return {
customPhrases: customPhraseList,
languages, languages,
error, error,
isLoading: !customPhraseList && !error, isLoading: !customPhraseList && !error,

5
packages/console/src/pages/SignInExperience/components/Preview.tsx
View file

@ -33,6 +33,7 @@ const Preview = ({ signInExperience, className }: Props) => {
const [platform, setPlatform] = useState<'desktopWeb' | 'mobile' | 'mobileWeb'>('desktopWeb'); const [platform, setPlatform] = useState<'desktopWeb' | 'mobile' | 'mobileWeb'>('desktopWeb');
const { data: allConnectors } = useSWR<ConnectorResponse[], RequestError>('/api/connectors'); const { data: allConnectors } = useSWR<ConnectorResponse[], RequestError>('/api/connectors');
const previewRef = useRef<HTMLIFrameElement>(null); const previewRef = useRef<HTMLIFrameElement>(null);
const { customPhrases } = useUiLanguages();
const { languages } = useUiLanguages(); const { languages } = useUiLanguages();
@ -109,7 +110,7 @@ const Preview = ({ signInExperience, className }: Props) => {
}, [allConnectors, language, mode, platform, signInExperience]); }, [allConnectors, language, mode, platform, signInExperience]);
const postPreviewMessage = useCallback(() => { const postPreviewMessage = useCallback(() => {
if (!config) { if (!config || !customPhrases) {
return; return;
} }
@ -117,7 +118,7 @@ const Preview = ({ signInExperience, className }: Props) => {
{ sender: 'ac_preview', config }, { sender: 'ac_preview', config },
window.location.origin window.location.origin
); );
}, [config]); }, [config, customPhrases]);
useEffect(() => { useEffect(() => {
postPreviewMessage(); postPreviewMessage();