moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move EmojiGraphic to soapbox/components

This commit is contained in:
Alex Gleason 2024-03-16 16:08:23 -05:00
parent f7b7260eea
commit b94ea6cd42
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
7 changed files with 5 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/features/ui/components/modals/nostr-login-modal/components/emoji-graphic.tsx → src/components/emoji-graphic.tsx
View File

2
src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
View File

@ -2,10 +2,10 @@ import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { nostrExtensionLogIn } from 'soapbox/actions/nostr'; import { nostrExtensionLogIn } from 'soapbox/actions/nostr';
import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal } from 'soapbox/components/ui'; import { Button, Stack, Modal } from 'soapbox/components/ui';
import { useAppDispatch } from 'soapbox/hooks'; import { useAppDispatch } from 'soapbox/hooks';
import EmojiGraphic from '../components/emoji-graphic';
import { Step } from '../nostr-login-modal'; import { Step } from '../nostr-login-modal';
interface IExtensionStep { interface IExtensionStep {

2
src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
View File

@ -2,10 +2,10 @@ import { nip19 } from 'nostr-tools';
import React, { useState } from 'react'; import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal, Input, FormGroup, Form } from 'soapbox/components/ui'; import { Button, Stack, Modal, Input, FormGroup, Form } from 'soapbox/components/ui';
import { NKeys } from 'soapbox/features/nostr/keys'; import { NKeys } from 'soapbox/features/nostr/keys';
import EmojiGraphic from '../components/emoji-graphic';
import NostrExtensionIndicator from '../components/nostr-extension-indicator'; import NostrExtensionIndicator from '../components/nostr-extension-indicator';
interface IKeyAddStep { interface IKeyAddStep {

20
src/features/ui/components/modals/nostr-signup-modal/components/emoji-graphic.tsx
View File

@ -1,20 +0,0 @@
import React from 'react';
import Emoji from 'soapbox/components/ui/emoji/emoji';
interface IEmojiGraphic {
emoji: string;
}
/** Large emoji with a background for display purposes (eg breaking up a page). */
const EmojiGraphic: React.FC<IEmojiGraphic> = ({ emoji }) => {
return (
<div className='flex items-center justify-center'>
<div className='rounded-full bg-gray-100 p-8 dark:bg-gray-800'>
<Emoji className='h-24 w-24' emoji={emoji} />
</div>
</div>
);
};
export default EmojiGraphic;

2
src/features/ui/components/modals/nostr-signup-modal/steps/extension-step.tsx
View File

@ -2,10 +2,10 @@ import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { nostrExtensionLogIn } from 'soapbox/actions/nostr'; import { nostrExtensionLogIn } from 'soapbox/actions/nostr';
import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal } from 'soapbox/components/ui'; import { Button, Stack, Modal } from 'soapbox/components/ui';
import { useAppDispatch } from 'soapbox/hooks'; import { useAppDispatch } from 'soapbox/hooks';
import EmojiGraphic from '../components/emoji-graphic';
import { Step } from '../nostr-signup-modal'; import { Step } from '../nostr-signup-modal';
interface IExtensionStep { interface IExtensionStep {

2
src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
View File

@ -2,10 +2,10 @@ import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { openModal } from 'soapbox/actions/modals'; import { openModal } from 'soapbox/actions/modals';
import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal } from 'soapbox/components/ui'; import { Button, Stack, Modal } from 'soapbox/components/ui';
import { useAppDispatch } from 'soapbox/hooks'; import { useAppDispatch } from 'soapbox/hooks';
import EmojiGraphic from '../components/emoji-graphic';
import NostrExtensionIndicator from '../components/nostr-extension-indicator'; import NostrExtensionIndicator from '../components/nostr-extension-indicator';
import { Step } from '../nostr-signup-modal'; import { Step } from '../nostr-signup-modal';

3
src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
View File

@ -4,14 +4,13 @@ import { FormattedMessage } from 'react-intl';
import { fetchAccount } from 'soapbox/actions/accounts'; import { fetchAccount } from 'soapbox/actions/accounts';
import CopyableInput from 'soapbox/components/copyable-input'; import CopyableInput from 'soapbox/components/copyable-input';
import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal, FormGroup, Text, Tooltip } from 'soapbox/components/ui'; import { Button, Stack, Modal, FormGroup, Text, Tooltip } from 'soapbox/components/ui';
import { NKeys } from 'soapbox/features/nostr/keys'; import { NKeys } from 'soapbox/features/nostr/keys';
import { useAppDispatch, useInstance } from 'soapbox/hooks'; import { useAppDispatch, useInstance } from 'soapbox/hooks';
import { download } from 'soapbox/utils/download'; import { download } from 'soapbox/utils/download';
import { slugify } from 'soapbox/utils/input'; import { slugify } from 'soapbox/utils/input';
import EmojiGraphic from '../components/emoji-graphic';
interface IKeygenStep { interface IKeygenStep {
onClose(): void; onClose(): void;
} }