gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(curriculum): add icon for rdbms (#43109)

Browse Source 
* feat(curriculum): add icon for rdbms

* fix: add better behaved icon
This commit is contained in:
Tom
2021-08-04 15:22:58 -05:00
committed by GitHub
parent 5fdc16df67
commit 7b27821871
3 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/i18n/locales/english/translations.json
View File

@ -397,6 +397,7 @@
"analytics": "A bar chart and line graph", "analytics": "A bar chart and line graph",
"shield": "A shield with a checkmark", "shield": "A shield with a checkmark",
"tensorflow": "Tensorflow icon", "tensorflow": "Tensorflow icon",
"database": "Database icon",
"algorithm": "Branching nodes", "algorithm": "Branching nodes",
"magnifier": "magnifier" "magnifier": "magnifier"
}, },

21
client/src/assets/icons/Database-icon.tsx Normal file
View File

@ -0,0 +1,21 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
function DatabaseIcon(
props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
): JSX.Element {
const { t } = useTranslation();
return (
<>
<span className='sr-only'>{t('icons.database')}</span>
<svg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' {...props}>
<path d='M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z' />
</svg>
</>
);
}
DatabaseIcon.displayName = 'Database';
export default DatabaseIcon;

2
client/src/assets/icons/index.tsx
View File

@ -1,6 +1,7 @@
import React from 'react'; import React from 'react';
import APIIcon from './API-icon'; import APIIcon from './API-icon';
import D3Icon from './D3-icon'; import D3Icon from './D3-icon';
import DatabaseIcon from './Database-icon';
import JavaScriptIcon from './JavaScript-icon'; import JavaScriptIcon from './JavaScript-icon';
import ReactIcon from './React-icon'; import ReactIcon from './React-icon';
import TensorflowIcon from './Tensorflow-icon'; import TensorflowIcon from './Tensorflow-icon';
@ -16,6 +17,7 @@ const iconMap = {
'javascript-algorithms-and-data-structures': JavaScriptIcon, 'javascript-algorithms-and-data-structures': JavaScriptIcon,
'front-end-libraries': ReactIcon, 'front-end-libraries': ReactIcon,
'data-visualization': D3Icon, 'data-visualization': D3Icon,
'relational-databases': DatabaseIcon,
'apis-and-microservices': APIIcon, 'apis-and-microservices': APIIcon,
'quality-assurance': Clipboard, 'quality-assurance': Clipboard,
'scientific-computing-with-python': PythonIcon, 'scientific-computing-with-python': PythonIcon,