From e029b992f4b02ac2427756e6288291854fcd2a7e Mon Sep 17 00:00:00 2001 From: binamkayastha Date: Thu, 11 Jul 2024 01:38:32 -0400 Subject: [PATCH] Use icon import --- nepalingo-web/pnpm-lock.yaml | 46 ++++++++++++++++----------- nepalingo-web/src/components/Card.tsx | 4 ++- 2 files changed, 30 insertions(+), 20 deletions(-) diff --git a/nepalingo-web/pnpm-lock.yaml b/nepalingo-web/pnpm-lock.yaml index 570cdaf..01f70e2 100644 --- a/nepalingo-web/pnpm-lock.yaml +++ b/nepalingo-web/pnpm-lock.yaml @@ -41,13 +41,13 @@ importers: version: 18.3.0 '@typescript-eslint/eslint-plugin': specifier: ^7.14.1 - version: 7.14.1(@typescript-eslint/parser@7.14.1)(eslint@8.57.0)(typescript@5.5.2) + version: 7.14.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.2))(eslint@8.57.0)(typescript@5.5.2) '@typescript-eslint/parser': specifier: ^7.14.1 version: 7.14.1(eslint@8.57.0)(typescript@5.5.2) '@vitejs/plugin-react': specifier: ^4.3.1 - version: 4.3.1(vite@5.3.1) + version: 4.3.1(vite@5.3.1(@types/node@20.14.9)) autoprefixer: specifier: ^10.4.19 version: 10.4.19(postcss@8.4.38) @@ -56,7 +56,7 @@ importers: version: 8.57.0 eslint-plugin-import: specifier: ^2.29.1 - version: 2.29.1(@typescript-eslint/parser@7.14.1)(eslint@8.57.0) + version: 2.29.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.2))(eslint@8.57.0) eslint-plugin-react: specifier: ^7.34.3 version: 7.34.3(eslint@8.57.0) @@ -71,7 +71,7 @@ importers: version: 8.4.38 tailwindcss: specifier: ^3.4.4 - version: 3.4.4(ts-node@10.9.2) + version: 3.4.4(ts-node@10.9.2(@types/node@20.14.9)(typescript@5.5.2)) ts-node: specifier: ^10.9.2 version: 10.9.2(@types/node@20.14.9)(typescript@5.5.2) @@ -83,7 +83,7 @@ importers: version: 5.3.1(@types/node@20.14.9) vite-tsconfig-paths: specifier: ^4.3.2 - version: 4.3.2(typescript@5.5.2)(vite@5.3.1) + version: 4.3.2(typescript@5.5.2)(vite@5.3.1(@types/node@20.14.9)) packages: @@ -2506,7 +2506,7 @@ snapshots: dependencies: '@types/node': 20.14.9 - '@typescript-eslint/eslint-plugin@7.14.1(@typescript-eslint/parser@7.14.1)(eslint@8.57.0)(typescript@5.5.2)': + '@typescript-eslint/eslint-plugin@7.14.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.2))(eslint@8.57.0)(typescript@5.5.2)': dependencies: '@eslint-community/regexpp': 4.11.0 '@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.2) @@ -2519,6 +2519,7 @@ snapshots: ignore: 5.3.1 natural-compare: 1.4.0 ts-api-utils: 1.3.0(typescript@5.5.2) + optionalDependencies: typescript: 5.5.2 transitivePeerDependencies: - supports-color @@ -2531,6 +2532,7 @@ snapshots: '@typescript-eslint/visitor-keys': 7.14.1 debug: 4.3.5 eslint: 8.57.0 + optionalDependencies: typescript: 5.5.2 transitivePeerDependencies: - supports-color @@ -2547,6 +2549,7 @@ snapshots: debug: 4.3.5 eslint: 8.57.0 ts-api-utils: 1.3.0(typescript@5.5.2) + optionalDependencies: typescript: 5.5.2 transitivePeerDependencies: - supports-color @@ -2563,6 +2566,7 @@ snapshots: minimatch: 9.0.5 semver: 7.6.2 ts-api-utils: 1.3.0(typescript@5.5.2) + optionalDependencies: typescript: 5.5.2 transitivePeerDependencies: - supports-color @@ -2585,7 +2589,7 @@ snapshots: '@ungap/structured-clone@1.2.0': {} - '@vitejs/plugin-react@4.3.1(vite@5.3.1)': + '@vitejs/plugin-react@4.3.1(vite@5.3.1(@types/node@20.14.9))': dependencies: '@babel/core': 7.24.7 '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.24.7) @@ -3019,18 +3023,18 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.8.1(@typescript-eslint/parser@7.14.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0): + eslint-module-utils@2.8.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.2))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0): dependencies: - '@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.2) debug: 3.2.7 + optionalDependencies: + '@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.2) eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 transitivePeerDependencies: - supports-color - eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.14.1)(eslint@8.57.0): + eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.2))(eslint@8.57.0): dependencies: - '@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.2) array-includes: 3.1.8 array.prototype.findlastindex: 1.2.5 array.prototype.flat: 1.3.2 @@ -3039,7 +3043,7 @@ snapshots: doctrine: 2.1.0 eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.14.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0) + eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.2))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0) hasown: 2.0.2 is-core-module: 2.14.0 is-glob: 4.0.3 @@ -3049,6 +3053,8 @@ snapshots: object.values: 1.2.0 semver: 6.3.1 tsconfig-paths: 3.15.0 + optionalDependencies: + '@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.2) transitivePeerDependencies: - eslint-import-resolver-typescript - eslint-import-resolver-webpack @@ -3659,12 +3665,13 @@ snapshots: camelcase-css: 2.0.1 postcss: 8.4.38 - postcss-load-config@4.0.2(postcss@8.4.38)(ts-node@10.9.2): + postcss-load-config@4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.14.9)(typescript@5.5.2)): dependencies: lilconfig: 3.1.2 + yaml: 2.4.5 + optionalDependencies: postcss: 8.4.38 ts-node: 10.9.2(@types/node@20.14.9)(typescript@5.5.2) - yaml: 2.4.5 postcss-nested@6.0.1(postcss@8.4.38): dependencies: @@ -3706,7 +3713,7 @@ snapshots: react-refresh@0.14.2: {} - react-router-dom@6.24.1(react-dom@18.3.1)(react@18.3.1): + react-router-dom@6.24.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1): dependencies: '@remix-run/router': 1.17.1 react: 18.3.1 @@ -3952,7 +3959,7 @@ snapshots: postcss: 8.4.38 postcss-import: 15.1.0(postcss@8.4.38) postcss-js: 4.0.1(postcss@8.4.38) - postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2) + postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.14.9)(typescript@5.5.2)) postcss-nested: 6.0.1(postcss@8.4.38) postcss-selector-parser: 6.1.0 resolve: 1.22.8 @@ -4003,7 +4010,7 @@ snapshots: yn: 3.1.1 tsconfck@3.1.1(typescript@5.5.2): - dependencies: + optionalDependencies: typescript: 5.5.2 tsconfig-paths@3.15.0: @@ -4080,11 +4087,12 @@ snapshots: v8-compile-cache-lib@3.0.1: {} - vite-tsconfig-paths@4.3.2(typescript@5.5.2)(vite@5.3.1): + vite-tsconfig-paths@4.3.2(typescript@5.5.2)(vite@5.3.1(@types/node@20.14.9)): dependencies: debug: 4.3.5 globrex: 0.1.2 tsconfck: 3.1.1(typescript@5.5.2) + optionalDependencies: vite: 5.3.1(@types/node@20.14.9) transitivePeerDependencies: - supports-color @@ -4092,11 +4100,11 @@ snapshots: vite@5.3.1(@types/node@20.14.9): dependencies: - '@types/node': 20.14.9 esbuild: 0.21.5 postcss: 8.4.38 rollup: 4.18.0 optionalDependencies: + '@types/node': 20.14.9 fsevents: 2.3.3 webidl-conversions@3.0.1: {} diff --git a/nepalingo-web/src/components/Card.tsx b/nepalingo-web/src/components/Card.tsx index 9dc6dbb..c355935 100644 --- a/nepalingo-web/src/components/Card.tsx +++ b/nepalingo-web/src/components/Card.tsx @@ -1,5 +1,7 @@ import React, { useState } from 'react'; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faVolumeHigh } from '@fortawesome/free-solid-svg-icons'; + const Card: React.FC<{ Word: string; @@ -48,7 +50,7 @@ const Card: React.FC<{

{Pronunciation}

{PronounciationUrl && ( )}