diff options
author | crupest <crupest@outlook.com> | 2020-06-16 16:22:42 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-06-16 16:22:42 +0800 |
commit | e86881f789079e661fd2c37e3bee61ff2450b4f7 (patch) | |
tree | 0fada4faecc8d93fe2bec9d0c9a2192693890d66 /Timeline/ClientApp/src/app/common/CollapseButton.tsx | |
parent | 8ec86937ce4f8073a1cf49652533a1b65bf630af (diff) | |
download | timeline-e86881f789079e661fd2c37e3bee61ff2450b4f7.tar.gz timeline-e86881f789079e661fd2c37e3bee61ff2450b4f7.tar.bz2 timeline-e86881f789079e661fd2c37e3bee61ff2450b4f7.zip |
feat(front): Use bootstrap icons.
Diffstat (limited to 'Timeline/ClientApp/src/app/common/CollapseButton.tsx')
-rw-r--r-- | Timeline/ClientApp/src/app/common/CollapseButton.tsx | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/Timeline/ClientApp/src/app/common/CollapseButton.tsx b/Timeline/ClientApp/src/app/common/CollapseButton.tsx deleted file mode 100644 index 5307c4ac..00000000 --- a/Timeline/ClientApp/src/app/common/CollapseButton.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import React from 'react'; - -export interface CollapseButtonProps { - collapse: boolean; - onClick: () => void; - className?: string; -} - -const CollapseButton: React.FC<CollapseButtonProps> = (props) => { - const { onClick, collapse, className } = props; - - return ( - <svg - width="25" - height="25" - viewBox="0 0 100 100" - className={className} - onClick={onClick} - > - {(() => { - if (collapse) { - return ( - <> - <line - stroke="currentcolor" - strokeWidth="14" - x1="50" - x2="90" - y1="17" - y2="17" - /> - <line - stroke="currentcolor" - strokeWidth="14" - x1="10" - x2="50" - y1="83" - y2="83" - /> - <line - stroke="currentcolor" - strokeWidth="14" - x1="17" - x2="17" - y1="50" - y2="90" - /> - <line - stroke="currentcolor" - strokeWidth="14" - x1="83" - x2="83" - y1="10" - y2="50" - /> - </> - ); - } else { - return ( - <> - <line - stroke="currentcolor" - strokeWidth="14" - x1="55" - x2="95" - y1="38" - y2="38" - /> - <line - stroke="currentcolor" - strokeWidth="14" - x1="5" - x2="45" - y1="62" - y2="62" - /> - <line - stroke="currentcolor" - strokeWidth="14" - x1="38" - x2="38" - y1="55" - y2="95" - /> - <line - stroke="currentcolor" - strokeWidth="14" - x1="62" - x2="62" - y1="5" - y2="45" - /> - </> - ); - } - })()} - </svg> - ); -}; - -export default CollapseButton; |