mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-06-01 23:58:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sort components (#163)

Browse source 
* Move common components to the `common` directory
* rename style directory
* Move ForkAwesome to common
* Move initializers and restructure application-loader.tsx
This commit is contained in:
mrdrogdrog 2020-06-07 21:29:09 +02:00 • committed by GitHub
parent f2e273fc40
commit c949b6950e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
125 changed files with 104 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/common/icon-button/icon-button.scss Normal file
View file

@ -0,0 +1,20 @@
.btn-icon {
padding: 0.375rem 0.375rem;
border-right: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
.icon-part {
padding: 0.375rem 0.375rem;
border-right: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
.social-icon {
font-size: 1.5em;
}
}
.text-part {
padding: 0.375rem 0.75rem;
}
}

23
src/components/common/icon-button/icon-button.tsx Normal file
View file

@ -0,0 +1,23 @@
import React from 'react'
import { Button, ButtonProps } from 'react-bootstrap'
import { ForkAwesomeIcon, IconName } from '../fork-awesome/fork-awesome-icon'
import './icon-button.scss'
export interface SocialButtonProps extends ButtonProps {
icon: IconName
onClick?: () => void
}
export const IconButton: React.FC<SocialButtonProps> = ({ icon, children, variant, onClick }) => {
return (
<Button variant={variant} className={'btn-icon p-0 d-inline-flex align-items-stretch'}
onClick={() => onClick?.()}>
<span className="icon-part d-flex align-items-center">
<ForkAwesomeIcon icon={icon} className={'icon'}/>
</span>
<span className="text-part d-flex align-items-center">
{children}
</span>
</Button>
)
}