nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-09-19 17:46:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

make "no followers" notif closable

Browse Source
This commit is contained in:
Martti Malmi 2023-04-26 12:08:33 +03:00
parent 5a11e1c22f
commit 57cd2f3672
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/js/components/OnboardingNotification.tsx
View File

@ -12,6 +12,10 @@ import Follow from './buttons/Follow';
import Identicon from './Identicon';
import Name from './Name';
import styled from 'styled-components';
import { XMarkIcon } from '@heroicons/react/24/solid';
const SUGGESTED_FOLLOWS = [
[
'npub1sn0wdenkukak0d9dfczzeacvhkrgz92ak56egt7vdgzn8pv2wfqqhrjdv9',
@ -42,6 +46,20 @@ const SUGGESTED_FOLLOWS = [
], // carla
];
const NoFollowersWrapper = styled.div`
display: flex;
flex-direction: column;
flex: 1;
position: relative;
`;
const CloseIconWrapper = styled.div`
position: absolute;
top: 0;
right: 0;
cursor: pointer;
`;
export default class OnboardingNotification extends Component {
componentDidMount() {
localState.get('noFollowers').on(this.inject());
@ -89,13 +107,16 @@ export default class OnboardingNotification extends Component {
renderNoFollowers() {
return (
<div style="display:flex;flex-direction:column;flex:1">
<NoFollowersWrapper>
<CloseIconWrapper onClick={() => localState.get('noFollowers').put(false)}>
<XMarkIcon width={24} />
</CloseIconWrapper>
<p>{t('no_followers_yet')}</p>
<p>
<Copy text={t('copy_link')} copyStr={Helpers.getMyProfileLink()} />
</p>
<small>{t('no_followers_yet_info')}</small>
</div>
</NoFollowersWrapper>
);
}