|
|
@@ -13,30 +13,36 @@ const ThreeStrandedButton = (props) => {
|
|
|
|
|
|
return (
|
|
|
<div className="btn-group grw-three-stranded-button" role="group " aria-label="three-stranded-button">
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- className="btn btn-outline-primary view-button"
|
|
|
- onClick={() => { threeStrandedButtonClickedHandler('view') }}
|
|
|
- >
|
|
|
- <i className="icon-control-play icon-fw" />
|
|
|
- { t('view') }
|
|
|
- </button>
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- className="btn btn-outline-primary edit-button"
|
|
|
- onClick={() => { threeStrandedButtonClickedHandler('edit') }}
|
|
|
- >
|
|
|
- <i className="icon-note icon-fw" />
|
|
|
- { t('Edit') }
|
|
|
- </button>
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- className="btn btn-outline-primary hackmd-button"
|
|
|
- onClick={() => { threeStrandedButtonClickedHandler('hackmd') }}
|
|
|
- >
|
|
|
- <i className="fa fa-fw fa-file-text-o" />
|
|
|
- { t('hackmd.hack_md') }
|
|
|
- </button>
|
|
|
+ <a href="#view">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ className="btn btn-outline-primary view-button"
|
|
|
+ onClick={() => { threeStrandedButtonClickedHandler('view') }}
|
|
|
+ >
|
|
|
+ <i className="icon-control-play icon-fw" />
|
|
|
+ { t('view') }
|
|
|
+ </button>
|
|
|
+ </a>
|
|
|
+ <a href="#edit">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ className="btn btn-outline-primary edit-button"
|
|
|
+ onClick={() => { threeStrandedButtonClickedHandler('edit') }}
|
|
|
+ >
|
|
|
+ <i className="icon-note icon-fw" />
|
|
|
+ { t('Edit') }
|
|
|
+ </button>
|
|
|
+ </a>
|
|
|
+ <a href="#hackmd">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ className="btn btn-outline-primary hackmd-button"
|
|
|
+ onClick={() => { threeStrandedButtonClickedHandler('hackmd') }}
|
|
|
+ >
|
|
|
+ <i className="fa fa-fw fa-file-text-o" />
|
|
|
+ { t('hackmd.hack_md') }
|
|
|
+ </button>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
);
|
|
|
|