function decideSize()

in dotcom-rendering/src/components/LightboxLink.tsx [24:62]

• 38 lines of code
• 8 McCabe index (conditional complexity)

function decideSize(role: RoleType, format: ArticleFormat) {
	const smallStyles = css`
		height: 32px;
		width: 32px;
		svg {
			height: 20px;
			width: 20px;
		}
	`;
	const largeStyles = css`
		height: 44px;
		width: 44px;
		svg {
			height: 32px;
			width: 32px;
		}
	`;

	switch (format.design) {
		case ArticleDesign.LiveBlog:
		case ArticleDesign.DeadBlog: {
			return smallStyles;
		}
		default: {
			switch (role) {
				case 'halfWidth':
				case 'supporting': {
					return smallStyles;
				}
				case 'inline':
				case 'showcase':
				case 'immersive':
				default: {
					return largeStyles;
				}
			}
		}
	}
}