CORE: add dropdown icon (#785)

Author: ekachxaidze98

assets/drop-arrow.svg

@@ -50,6 +50,7 @@ const icons = [
   path.resolve(__dirname, './assets/github.svg'),
   path.resolve(__dirname, './assets/bin.svg'),
   path.resolve(__dirname, './assets/active-arrow.svg'),
+  path.resolve(__dirname, './assets/drop-arrow.svg'),
   path.resolve(__dirname, './assets/metadata-validator.svg'),
   path.resolve(__dirname, './assets/deduplication.svg'),
   path.resolve(__dirname, './assets/orcid.svg'),

design.config.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react'
 
 import styles from './styles.css'
-import arrow from '../../../assets/active-arrow.svg'
+import Icon from '../../elements/icon'
 
 const DocumentSelect = ({ list, handleSelect, selectedOption }) => {
   const [showOptions, setShowOptions] = useState(false)
@@ -34,7 +34,7 @@ const DocumentSelect = ({ list, handleSelect, selectedOption }) => {
         className={styles.documentSelectLabel}
       >
         {selectedOption}
-        <img className={styles.arrow} src={arrow} alt="" />
+        <Icon src="#drop-arrow" />
       </div>
       {showOptions && (
         <ul className={styles.documentDropdown}>