Merge pull request #15 from MKAbuMattar/dev

add devicons react original

.gitignore

@@ -43,7 +43,9 @@ yarn-error.log*
 **/public/worker-*.js.map
 **/public/fallback-*.js
 
-
+generate/iconslist.js
+generate/names.js
+generate/tmp.json
 
 lib
 

README.md

@@ -19,7 +19,7 @@
         devicons-react aims to gather all logos representing development languages and tools, build into <a href="https://github.com/devicons/devicon">devicon</a>
     </p>
     <p align="center">
-        <a target="__blank" href="https://devicons-react.netlify.app/">Demo</a>
+        <a target="__blank" href="https://devicons-react.vercel.app/">Demo</a>
     </p>
 </div>
 

docs/README.md

@@ -19,7 +19,7 @@
         devicons-react aims to gather all logos representing development languages and tools, build into <a href="https://github.com/devicons/devicon">devicon</a>
     </p>
     <p align="center">
-        <a target="__blank" href="https://devicons-react.netlify.app/">Demo</a>
+        <a target="__blank" href="https://devicons-react.vercel.app/">Demo</a>
     </p>
 </div>
 

docs/components/FilteredList/ListIcons.js

@@ -136,12 +136,7 @@ import {
   DebianPlainWordmark,
   DenojsOriginal,
   DenojsOriginalWordmark,
-  DeviconLine,
-  DeviconLineWordmark,
-  DeviconOriginal,
-  DeviconOriginalWordmark,
-  DeviconPlain,
-  DeviconPlainWordmark,
+  DeviconsReactOriginal,
   DigitaloceanOriginal,
   DigitaloceanOriginalWordmark,
   DigitaloceanPlain,
@@ -1073,23 +1068,8 @@ const ListIcons = ({ componentName }) => {
       )}
       {componentName.toLowerCase() ===
         'DenojsOriginalWordmark'.toLowerCase() && <DenojsOriginalWordmark />}
-      {componentName.toLowerCase() === 'DeviconLine'.toLowerCase() && (
-        <DeviconLine />
-      )}
-      {componentName.toLowerCase() === 'DeviconLineWordmark'.toLowerCase() && (
-        <DeviconLineWordmark />
-      )}
-      {componentName.toLowerCase() === 'DeviconOriginal'.toLowerCase() && (
-        <DeviconOriginal />
-      )}
       {componentName.toLowerCase() ===
-        'DeviconOriginalWordmark'.toLowerCase() && <DeviconOriginalWordmark />}
-      {componentName.toLowerCase() === 'DeviconPlain'.toLowerCase() && (
-        <DeviconPlain />
-      )}
-      {componentName.toLowerCase() === 'DeviconPlainWordmark'.toLowerCase() && (
-        <DeviconPlainWordmark />
-      )}
+        'DeviconsReactOriginal'.toLowerCase() && <DeviconsReactOriginal />}
       {componentName.toLowerCase() === 'DigitaloceanOriginal'.toLowerCase() && (
         <DigitaloceanOriginal />
       )}

docs/components/FilteredList/Style.js

@@ -45,14 +45,15 @@ export const Cards = styled.div`
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
-  align-items: baseline;
+  align-items: stretch;
   justify-content: center;
 `
 
 export const Card = styled.div`
   display: flex;
   flex-direction: column;
-  width: 15rem;
+  justify-content: space-between;
+  width: 16rem;
   border-radius: 5px;
   background-color: #fff;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
@@ -62,9 +63,7 @@ export const CardInfo = styled.div`
   padding: 2.5em 1em;
   display: flex;
   flex-direction: column;
-  align-items: center;
   gap: 1rem;
-  text-align: center;
 `
 
 export const CardTitle = styled.h4`

docs/components/FilteredList/initialItems.js

@@ -675,34 +675,9 @@ const initialItems = [
     fileName: 'devicons-react/icons/DenojsOriginalWordmark',
   },
   {
-    name: 'Devicon Line',
-    componentName: 'DeviconLine',
-    fileName: 'devicons-react/icons/DeviconLine',
-  },
-  {
-    name: 'Devicon Line Wordmark',
-    componentName: 'DeviconLineWordmark',
-    fileName: 'devicons-react/icons/DeviconLineWordmark',
-  },
-  {
-    name: 'Devicon Original',
-    componentName: 'DeviconOriginal',
-    fileName: 'devicons-react/icons/DeviconOriginal',
-  },
-  {
-    name: 'Devicon Original Wordmark',
-    componentName: 'DeviconOriginalWordmark',
-    fileName: 'devicons-react/icons/DeviconOriginalWordmark',
-  },
-  {
-    name: 'Devicon Plain',
-    componentName: 'DeviconPlain',
-    fileName: 'devicons-react/icons/DeviconPlain',
-  },
-  {
-    name: 'Devicon Plain Wordmark',
-    componentName: 'DeviconPlainWordmark',
-    fileName: 'devicons-react/icons/DeviconPlainWordmark',
+    name: 'Devicons React Original',
+    componentName: 'DeviconsReactOriginal',
+    fileName: 'devicons-react/icons/DeviconsReactOriginal',
   },
   {
     name: 'Digitalocean Original',

docs/components/Header/Header.js

@@ -20,7 +20,7 @@ import {
   HeaderArrowWave,
 } from './Style'
 
-import ReactLogo from './Logo'
+import DeviconsReactOriginal from 'devicons-react/icons/DeviconsReactOriginal'
 
 const Header = () => {
   useEffect(() => {
@@ -32,7 +32,7 @@ const Header = () => {
       <HeaderContainer>
         <HeaderBox>
           <HeaderTitleBox>
-            <ReactLogo size="60" />
+            <DeviconsReactOriginal height="60" width="60" />
             <HeaderTitle>
               Devicons <span>React</span>
             </HeaderTitle>

docs/next-seo.config.js

@@ -5,7 +5,7 @@ export default {
   openGraph: {
     type: 'website',
     locale: 'en_IE',
-    url: 'https://devicons-react.netlify.app/',
+    url: 'https://devicons-react.vercel.app/',
     site_name: 'Devicons React',
   },
   twitter: {

docs/package.json

@@ -8,7 +8,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "devicons-react": "^1.1.2",
+    "devicons-react": "^1.1.3",
     "highlight.js": "^11.4.0",
     "next": "12.0.9",
     "next-pwa": "^5.4.4",

generate/generate.js

@@ -9,7 +9,7 @@ let data
 const obj = []
 
 const names = []
-const trt = []
+const iconslist = []
 
 fs.readdirSync(testFolder).forEach((file) => {
   name = file
@@ -24,9 +24,9 @@ fs.readdirSync(testFolder).forEach((file) => {
     <${componentName}/>
   )}`
   names.push(componentName)
-  trt.push(componentNames)
+  iconslist.push(componentNames)
 })
 
 fs.writeFileSync(path.resolve(__dirname, 'tmp.json'), JSON.stringify(obj))
-fs.writeFileSync(path.resolve(__dirname, 'temp.json'), JSON.stringify(names))
-fs.writeFileSync(path.resolve(__dirname, 'trt.json'), JSON.stringify(trt))
+fs.writeFileSync(path.resolve(__dirname, 'names.js'), names.join(','))
+fs.writeFileSync(path.resolve(__dirname, 'iconslist.js'), iconslist.join('\n'))

package.json

@@ -1,6 +1,6 @@
 {
   "name": "devicons-react",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Programming icons",
   "main": "lib/index.js",
   "module": "lib/index.es.js",
@@ -9,9 +9,12 @@
     "clean:svg": "rm -rf svg",
     "clean:svgr": "rm -rf src/icons",
     "clean:svgr:index": "rm ./src/icons/index.js",
+    "clean:svg:devicon": "rm ./svg/devicon-line-wordmark.svg ./svg/devicon-line.svg ./svg/devicon-original-wordmark.svg ./svg/devicon-original.svg ./svg/devicon-plain-wordmark.svg ./svg/devicon-plain.svg",
+    "copy:svg:devicons-react": "cp ./build/devicons-react-original.svg ./svg",
+    "generate": "node ./generate/generate.js",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "build:svg": "node ./build/build.config.js && npm run clean:svg && node ./build/generate.js",
+    "build:storybook": "build-storybook",
+    "build:svg": "node ./build/build.config.js && npm run clean:svg && node ./build/generate.js && npm run clean:svg:devicon && npm run copy:svg:devicons-react",
     "build:svgr": "npm run clean:svgr && npx @svgr/cli  --out-dir src/icons --index-template index-template.js -- svg && npm run clean:svgr:index",
     "build:lib": "npm run clean:lib && rollup -c",
     "build": "npm run build:svg && npm run build:svgr && npm run build:lib",
@@ -60,5 +63,5 @@
   "bugs": {
     "url": "https://github.com/MKAbuMattar/devicons-react/issues"
   },
-  "homepage": "https://devicons-react.netlify.app/"
+  "homepage": "https://devicons-react.vercel.app/"
 }