fix: number, add github address

uniquemo · May 15, 2020 · a560127 · a560127
1 parent 03aef4a
commit a560127
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 2 deletions.
diff --git a/src/assets/image/github-logo.png b/src/assets/image/github-logo.png
diff --git a/src/components/Layout/Header/index.tsx b/src/components/Layout/Header/index.tsx
@@ -5,6 +5,7 @@ import { Icon } from '@blueprintjs/core'
 import Navbar from './Navbar'
 import Searcher from './Searcher'
 import { PlayMusicStateContext, PlayMusicDispatchContext, ACTIONS } from 'reducers/playMusic'
+import { REPOSITORY } from 'constants/github'
 import styles from './style.module.css'
 
 const { useContext } = React
@@ -56,8 +57,12 @@ const Header = () => {
         <div>
           {!showLyric && <Navbar />}
         </div>
-        <div>
+        <div className={styles.operations}>
           <Searcher />
+          <div
+            className={styles.githubLogo}
+            onClick={() => window.open(REPOSITORY)}
+          />
         </div>
       </div>
     </div>

diff --git a/src/components/Layout/Header/style.module.css b/src/components/Layout/Header/style.module.css
@@ -95,3 +95,19 @@
   width: calc(100% - sidebarWidth);
   padding: 0 20px;
 }
+
+.operations {
+  display: flex;
+  align-items: center;
+}
+
+.githubLogo {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  margin-left: 10px;
+  background-color: rgba(0, 0, 0, 0.5);
+  background-image: url(~assets/image/github-logo.png);
+  background-size: 100% 100%;
+  cursor: pointer;
+}
diff --git a/src/components/ProgressBar/index.tsx b/src/components/ProgressBar/index.tsx
@@ -32,7 +32,7 @@ const ProgressBar: React.FC<IProps> = ({ donePercent, renderLabel, onBarClick, c
     onBarClick(percent)
   }, [getPercent, onBarClick])
 
-  const width = useMemo(() => `${donePercent * 100}%`, [donePercent])
+  const width = useMemo(() => `${Math.floor(donePercent * 100)}%`, [donePercent])
 
   return (
     <div

diff --git a/src/constants/github.ts b/src/constants/github.ts
@@ -0,0 +1 @@
+export const REPOSITORY: string = 'https://github.com/Unique111/react-netease-music'