bug: Problem Fixed in zero array index , feat: Add Github

package.json

@@ -4,6 +4,7 @@
  "private": true,
  "dependencies": {
  "@fortawesome/fontawesome-svg-core": "^1.2.18",
+ "@fortawesome/free-brands-svg-icons": "^5.8.2",
  "@fortawesome/free-solid-svg-icons": "^5.8.2",
  "@fortawesome/react-fontawesome": "^0.1.4",
  "bootstrap": "^4.3.1",

src/App.css

@@ -219,7 +219,7 @@ input[type="text"]:focus {
  text-align: center;
  position: sticky;
  left: 0;
-
+ opacity: 0.5;
 }
 
 .headerSection {

src/App/screens/Main.js

@@ -25,8 +25,8 @@ function Main() {
  function lottery() {
  let number = Math.floor((Math.random() * listItems.length) + 1);
  setLotted(true);
- setWinner(number-1);
- console.log(number-1);
+ setWinner(number);
+ console.log(number);
  }
 
  return (
@@ -42,7 +42,8 @@ function Main() {
  </div>
  <img src={winnerImg} className=" winnerImg" alt=""/>
  <h3 className="text-muted">برنده قرعه کشی</h3>
- <h1 className="text-red">{winner?listItems[winner]:null}</h1>
+ <h3 className="text-muted">#{winner>-1?[winner-1]:null}</h3>
+ <h1 className="text-red">{winner>-1?listItems[winner-1]:null}</h1>
  </div>
  </div>
  </div>}
@@ -131,7 +132,10 @@ function Main() {
  <div className="col-3 d-none d-md-block"></div>
  </div>
  <div className="links">
- <p>Developed By <b>LoverDeveloper</b></p>
+ <p>Developed By <b>LoverDeveloper
+ <br/>
+ Available in <a href="http:https://github.com/loverdeveloper/lottery"><FontAwesomeIcon icon={['fab', 'github']}/> Github</a>
+ </b></p>
  </div>
  </div>
  );

src/index.js

@@ -11,12 +11,14 @@ import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
 import { faCheck } from '@fortawesome/free-solid-svg-icons';
 import { faPlay } from '@fortawesome/free-solid-svg-icons';
 import { faWindowClose } from '@fortawesome/free-solid-svg-icons';
+import { fab } from '@fortawesome/free-brands-svg-icons';
 
 library.add(faTrashAlt);
 
 library.add(faCheck);
 library.add(faPlay);
 library.add(faWindowClose);
+library.add(fab);
 
 
 ReactDOM.render(