roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 17:49:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(editor): add permalink section in editor

Browse source
This commit is contained in:
41666 2022-01-22 22:07:11 -05:00
parent f86eaae5e9
commit 0d96a4f973
11 changed files with 125 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

26
packages/design-system/molecules/editor-invite-link/EditorInviteLink.tsx Normal file
View file

@ -0,0 +1,26 @@
import { palette } from '@roleypoly/design-system/atoms/colors';
import { CopyArea } from '@roleypoly/design-system/atoms/copy-area';
import { AmbientLarge } from '@roleypoly/design-system/atoms/typography';
import { MessageBox } from '@roleypoly/design-system/organisms/role-picker/RolePicker.styled';
import { Guild } from '@roleypoly/types';
import { GoInfo } from 'react-icons/go';
export const EditorInviteLink = (props: { guild: Guild }) => {
const currentURL = new URL(location.href);
currentURL.pathname = `/s/${props.guild.id}`;
currentURL.search = '';
const inviteLink = currentURL.toString();
return (
<MessageBox>
Share this link with your server members, or ping{' '}
<span style={{ color: palette.taupe500 }}>@roleypoly</span> in your server.
<CopyArea value={inviteLink} />
<AmbientLarge style={{ display: 'flex', color: palette.taupe600 }}>
<GoInfo style={{ position: 'relative', top: 4 }} />
&nbsp;This link will never change. Share it with anyone!
</AmbientLarge>
</MessageBox>
);
};