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 | b38beb5a731d5e897103aa1d8b9056a1f4b04a64 (patch) | |
tree | f1686f6a195aee7cb44984479b6ad65041268a38 /Timeline/ClientApp/src/app/common/CollapseButton.tsx | |
parent | 8171cca7bc650f460b821e61b854943dda625661 (diff) | |
download | timeline-b38beb5a731d5e897103aa1d8b9056a1f4b04a64.tar.gz timeline-b38beb5a731d5e897103aa1d8b9056a1f4b04a64.tar.bz2 timeline-b38beb5a731d5e897103aa1d8b9056a1f4b04a64.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; |