From be7fb15bad8b9d8eda30b26f6cd0018ab8a4da66 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Thu, 28 May 2020 20:52:30 +0800
Subject: [PATCH] refactor: abstract inline ellipsis component

---
 components/shared/ellipsis.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 components/shared/ellipsis.tsx

diff --git a/components/shared/ellipsis.tsx b/components/shared/ellipsis.tsx
new file mode 100644
index 0000000..6a6f218
--- /dev/null
+++ b/components/shared/ellipsis.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+
+const Ellipsis: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
+  return (
+    <span>
+      {children}
+      <style jsx>{`
+        span {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          min-width: 0;
+        }
+      `}</style>
+    </span>
+  )
+}
+
+export default React.memo(Ellipsis)