diff --git a/package-lock.json b/package-lock.json index e08b6aa..ec69887 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", + "flowbite": "^1.4.5", "jalali-moment": "^3.3.10", "jalali-react-datepicker": "^1.2.1", "lodash": "^4.17.21", @@ -2786,6 +2787,15 @@ "node": ">= 8" } }, + "node_modules/@popperjs/core": { + "version": "2.11.5", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz", + "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rollup/plugin-node-resolve": { "version": "7.1.3", "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz", @@ -9150,6 +9160,15 @@ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==", "deprecated": "flatten is deprecated in favor of utility frameworks such as lodash." }, + "node_modules/flowbite": { + "version": "1.4.5", + "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-1.4.5.tgz", + "integrity": "sha512-6Y5tGBUM+qP/KzehtJ4s+CO+4stQo7dMIozAzuc+x724uDmEM8/ti/KbyxykADTiyBCJd++dNJj3fa0EpxmRvQ==", + "dependencies": { + "@popperjs/core": "^2.9.3", + "mini-svg-data-uri": "^1.4.3" + } + }, "node_modules/flush-write-stream": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz", @@ -13920,6 +13939,14 @@ "node": ">= 4" } }, + "node_modules/mini-svg-data-uri": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz", + "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==", + "bin": { + "mini-svg-data-uri": "cli.js" + } + }, "node_modules/minimalistic-assert": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", @@ -24578,6 +24605,11 @@ } } }, + "@popperjs/core": { + "version": "2.11.5", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz", + "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==" + }, "@rollup/plugin-node-resolve": { "version": "7.1.3", "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz", @@ -29509,6 +29541,15 @@ "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz", "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==" }, + "flowbite": { + "version": "1.4.5", + "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-1.4.5.tgz", + "integrity": "sha512-6Y5tGBUM+qP/KzehtJ4s+CO+4stQo7dMIozAzuc+x724uDmEM8/ti/KbyxykADTiyBCJd++dNJj3fa0EpxmRvQ==", + "requires": { + "@popperjs/core": "^2.9.3", + "mini-svg-data-uri": "^1.4.3" + } + }, "flush-write-stream": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz", @@ -33068,6 +33109,11 @@ } } }, + "mini-svg-data-uri": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz", + "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==" + }, "minimalistic-assert": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", diff --git a/package.json b/package.json index 5e17dec..2475fb7 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,7 @@ "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", + "flowbite": "^1.4.5", "jalali-moment": "^3.3.10", "jalali-react-datepicker": "^1.2.1", "lodash": "^4.17.21", diff --git a/public/barnamenegar-icon.svg b/public/barnamenegar-icon.svg new file mode 100644 index 0000000..30b9cbb --- /dev/null +++ b/public/barnamenegar-icon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/favicon.ico b/public/favicon.ico index a11777c..28b9f46 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html index aa069f2..a63007f 100644 --- a/public/index.html +++ b/public/index.html @@ -9,35 +9,33 @@ name="description" content="Web site created using create-react-app" /> - - + - - React App + Approved Components - Barnamenegar + + + +
- diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..a47ce74 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -8,13 +8,13 @@ "type": "image/x-icon" }, { - "src": "logo192.png", - "type": "image/png", + "src": "barnamenegar-icon.svg", + "type": "image/svg", "sizes": "192x192" }, { - "src": "logo512.png", - "type": "image/png", + "src": "barnamenegar-icon.svg", + "type": "image/svg", "sizes": "512x512" } ], diff --git a/src/assets/fonts/IRANSansWeb_Bold.woff b/src/assets/fonts/IRANSansWeb_Bold.woff new file mode 100644 index 0000000..05d933e Binary files /dev/null and b/src/assets/fonts/IRANSansWeb_Bold.woff differ diff --git a/src/assets/fonts/IRANSansXFaNum-Regular.woff b/src/assets/fonts/IRANSansXFaNum-Regular.woff new file mode 100644 index 0000000..34d87e6 Binary files /dev/null and b/src/assets/fonts/IRANSansXFaNum-Regular.woff differ diff --git a/src/index.js b/src/index.js index af36065..db17f02 100644 --- a/src/index.js +++ b/src/index.js @@ -3,6 +3,7 @@ import ReactDOM from "react-dom"; import "./index.scss"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; +import "flowbite"; ReactDOM.render( @@ -11,7 +12,4 @@ ReactDOM.render( document.getElementById("root") ); -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals reportWebVitals(); diff --git a/src/index.scss b/src/index.scss index 9e4b1f1..14d2354 100644 --- a/src/index.scss +++ b/src/index.scss @@ -2,16 +2,26 @@ @tailwind components; @tailwind utilities; +@font-face { + font-family: "iransans-medium"; + src: url(./assets/fonts/IRANSansXFaNum-Regular.woff); +} + +@font-face { + font-family: "sansbold"; + src: url(./assets/fonts/IRANSansWeb_Bold.woff); +} + body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", - "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + font-family: iransans-medium; + direction: rtl; + background-color: #f5f5f5; +} + +.rtl { + direction: rtl; } -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", - monospace; +.ltr { + direction: ltr; } diff --git a/tailwind.config.js b/tailwind.config.js index 314ea43..c5817e6 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,5 +1,9 @@ module.exports = { - purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"], + purge: [ + "./src/**/*.{js,jsx,ts,tsx}", + "./public/index.html", + "./node_modules/flowbite/**/*.js", + ], darkMode: "class", // or 'media' or 'class' theme: { extend: { @@ -11,5 +15,5 @@ module.exports = { variants: { extend: {}, }, - plugins: [], + plugins: [require("flowbite/plugin")], }; diff --git a/yarn.lock b/yarn.lock index e170fe3..cf54ba2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1449,6 +1449,11 @@ "schema-utils" "^2.6.5" "source-map" "^0.7.3" +"@popperjs/core@^2.9.3": + "integrity" "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==" + "resolved" "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz" + "version" "2.11.5" + "@rollup/plugin-node-resolve@^7.1.1": "integrity" "sha512-RxtSL3XmdTAE2byxekYLnx+98kEUOrPHF/KRVjLH+DEIHy6kjIw7YINQzn+NXiH/NTrQLAwYs0GWB+csWygA9Q==" "resolved" "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz" @@ -5511,6 +5516,14 @@ "resolved" "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz" "version" "1.0.3" +"flowbite@^1.4.5": + "integrity" "sha512-6Y5tGBUM+qP/KzehtJ4s+CO+4stQo7dMIozAzuc+x724uDmEM8/ti/KbyxykADTiyBCJd++dNJj3fa0EpxmRvQ==" + "resolved" "https://registry.npmjs.org/flowbite/-/flowbite-1.4.5.tgz" + "version" "1.4.5" + dependencies: + "@popperjs/core" "^2.9.3" + "mini-svg-data-uri" "^1.4.3" + "flush-write-stream@^1.0.0": "integrity" "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==" "resolved" "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz" @@ -7911,6 +7924,11 @@ "schema-utils" "^1.0.0" "webpack-sources" "^1.1.0" +"mini-svg-data-uri@^1.4.3": + "integrity" "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==" + "resolved" "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz" + "version" "1.4.4" + "minimalistic-assert@^1.0.0", "minimalistic-assert@^1.0.1": "integrity" "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==" "resolved" "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz"