feat(share): UI/UX basic function done (#1118)

* feat(share): basic UI

* feat(share): UX wip

* feat(share): switch UX

* feat(share): move copy btn to top in LinkBoard

* feat(share): copy btn made fancy

* feat(share): function done

* chore(share): use dynamic load

Author: mydearxym

.eslintignore

@@ -4,4 +4,5 @@ next-env.d.ts
 *.json
 *.lock
 *.hbs
-*.svg
+*.svg
+*.png

config/config.json

@@ -53,6 +53,7 @@
   "DEFAULT_USER_AVATAR": "https://cps-oss.oss-cn-shanghai.aliyuncs.com/icons/cmd/alien_user3.svg",
   "GRAPHQL_ENDPOINT": "https://api.coderplanets.com/graphiql",
   "SITE_URL": "https://coderplanets.com",
+  "SITE_URL_SHORT": "https://cper.co",
   "GITHUB": "https://github.com/coderplanets",
   "GITHUB_WEB_ADDR": "https://github.com/coderplanets/coderplanets_web",
   "GITHUB_SERVER_ADDR": "https://github.com/coderplanets/coderplanets_server",

config/index.ts

@@ -26,6 +26,7 @@ export const {
   DEFAULT_ICON,
   DEFAULT_USER_AVATAR,
   SITE_URL,
+  SITE_URL_SHORT,
   GITHUB,
   GITHUB_WEB_ADDR,
   GITHUB_SERVER_ADDR,

package.json

@@ -103,11 +103,13 @@
     "promise-timeout": "^1.3.0",
     "prop-types": "^15.5.10",
     "pubsub-js": "^1.9.3",
+    "qrcode-react": "^0.1.16",
     "ramda": "0.26.1",
     "react": "17.0.2",
     "react-animation": "^1.2.2",
     "react-calendar-heatmap": "1.8.1",
     "react-content-loader": "3.4.2",
+    "react-copy-to-clipboard": "^5.0.3",
     "react-dom": "17.0.2",
     "react-highlight-words": "^0.16.0",
     "react-lazy-load-image-component": "1.5.0",