aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/common/UserTimelineLogo.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-05-30 16:23:25 +0800
committercrupest <crupest@outlook.com>2020-05-30 16:23:25 +0800
commit68ca8b0976efe90c0c40bcae69f0825671b98bad (patch)
tree9333baf56fd4e20e1e98edcc6afbbde9d82dcd3f /Timeline/ClientApp/src/common/UserTimelineLogo.tsx
parent7e393559d2883a37b1be0c82cccc06bc97c3d102 (diff)
downloadtimeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.tar.gz
timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.tar.bz2
timeline-68ca8b0976efe90c0c40bcae69f0825671b98bad.zip
Merge front end to this repo. But I need to wait for aspnet core support for custom port and package manager for dev server.
Diffstat (limited to 'Timeline/ClientApp/src/common/UserTimelineLogo.tsx')
-rw-r--r--Timeline/ClientApp/src/common/UserTimelineLogo.tsx26
1 files changed, 26 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/common/UserTimelineLogo.tsx b/Timeline/ClientApp/src/common/UserTimelineLogo.tsx
new file mode 100644
index 00000000..3b721985
--- /dev/null
+++ b/Timeline/ClientApp/src/common/UserTimelineLogo.tsx
@@ -0,0 +1,26 @@
+import React, { SVGAttributes } from 'react';
+
+export interface UserTimelineLogoProps extends SVGAttributes<SVGElement> {
+ color?: string;
+}
+
+const UserTimelineLogo: React.FC<UserTimelineLogoProps> = props => {
+ const { color, ...forwardProps } = props;
+ const coercedColor = color ?? 'currentcolor';
+
+ return (
+ <svg viewBox="0 0 100 100" {...forwardProps}>
+ <g fill="none" stroke={coercedColor} strokeWidth="12">
+ <line x1="50" x2="50" y1="0" y2="25" />
+ <circle cx="50" cy="50" r="22" />
+ <line x1="50" x2="50" y1="75" y2="100" />
+ </g>
+ <g fill={color}>
+ <circle cx="85" cy="75" r="10" />
+ <path d="m70,100c0,0 15,-30 30,0.25" />
+ </g>
+ </svg>
+ );
+};
+
+export default UserTimelineLogo;