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

2
packages/design-system/molecules/demo-picker/DemoPicker.stories.tsx
View file

@ -2,7 +2,7 @@ import * as React from 'react';
import { DemoPicker } from './DemoPicker';
export default {
title: 'Molecules/Role Demos',
title: 'Molecules/Role Demos',
};
export const Picker = () => <DemoPicker />;

62
packages/design-system/molecules/demo-picker/DemoPicker.tsx
View file

@ -5,42 +5,42 @@ import * as React from 'react';
import styled from 'styled-components';
const Container = styled.div`
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
height: 95px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
height: 95px;
`;
const RoleWrap = styled.div`
padding: 2.5px;
display: inline-block;
padding: 2.5px;
display: inline-block;
`;
export const DemoPicker = () => {
const [selectedStates, setSelectedStates] = React.useState<
{
[key in RPCRole['id']]: boolean;
}
>(demoData.reduce((acc, role) => ({ ...acc, [role.id]: false }), {}));
const [selectedStates, setSelectedStates] = React.useState<
{
[key in RPCRole['id']]: boolean;
}
>(demoData.reduce((acc, role) => ({ ...acc, [role.id]: false }), {}));
return (
<Container>
{demoData.map((role) => (
<RoleWrap key={`role${role.id}`}>
<Role
role={role}
selected={selectedStates[role.id]}
onClick={() => {
setSelectedStates({
...selectedStates,
[role.id]: !selectedStates[role.id],
});
}}
/>
</RoleWrap>
))}
</Container>
);
return (
<Container>
{demoData.map((role) => (
<RoleWrap key={`role${role.id}`}>
<Role
role={role}
selected={selectedStates[role.id]}
onClick={() => {
setSelectedStates({
...selectedStates,
[role.id]: !selectedStates[role.id],
});
}}
/>
</RoleWrap>
))}
</Container>
);
};