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

chore: update prettier tab width for consistency (#175)

Browse source
This commit is contained in:
41666 2021-03-13 22:54:34 -05:00 • committed by GitHub
parent a931f8c69c
commit f24d2fcc99
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/design-system/molecules/nav-slug/NavSlug.stories.tsx
View file

@ -3,8 +3,8 @@ import { guild } from '../../fixtures/storyData';
import { NavSlug } from './NavSlug';
export default {
title: 'Molecules/Server Slug',
component: NavSlug,
title: 'Molecules/Server Slug',
component: NavSlug,
};
export const Empty = () => <NavSlug guild={null} />;

18
packages/design-system/molecules/nav-slug/NavSlug.styled.ts
View file

@ -1,16 +1,16 @@
import styled from 'styled-components';
export const SlugContainer = styled.div`
display: flex;
align-items: center;
justify-content: flex-start;
padding: 5px;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 5px;
`;
export const SlugName = styled.div`
padding: 0 10px;
position: relative;
top: -1px;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 10px;
position: relative;
top: -1px;
white-space: nowrap;
text-overflow: ellipsis;
`;

28
packages/design-system/molecules/nav-slug/NavSlug.tsx
View file

@ -5,23 +5,19 @@ import { GoOrganization } from 'react-icons/go';
import { SlugContainer, SlugName } from './NavSlug.styled';
type Props = {
guild: GuildSlug | null;
guild: GuildSlug | null;
};
export const NavSlug = (props: Props) => (
<SlugContainer>
<Avatar
hash={props.guild ? props.guild.icon : undefined}
src={
props.guild
? utils.avatarHash(props.guild.id, props.guild.icon)
: undefined
}
deliberatelyEmpty={!props.guild}
size={35}
>
{props.guild ? utils.initialsFromName(props.guild.name) : <GoOrganization />}
</Avatar>
<SlugName>{props.guild?.name || <>Your Guilds</>}</SlugName>
</SlugContainer>
<SlugContainer>
<Avatar
hash={props.guild ? props.guild.icon : undefined}
src={props.guild ? utils.avatarHash(props.guild.id, props.guild.icon) : undefined}
deliberatelyEmpty={!props.guild}
size={35}
>
{props.guild ? utils.initialsFromName(props.guild.name) : <GoOrganization />}
</Avatar>
<SlugName>{props.guild?.name || <>Your Guilds</>}</SlugName>
</SlugContainer>
);