From ccd8c459ba3adb0c026b930b403ccbdd1ffa5cd5 Mon Sep 17 00:00:00 2001 From: mahdi Date: Sun, 8 May 2022 16:44:06 +0430 Subject: [PATCH] update 7 files --- package-lock.json | 74 +++++ package.json | 1 + src/App.js | 224 +-------------- src/Views/Home/Sidebar/index.js | 49 ++++ src/components/Code/copy.png | Bin 0 -> 7760 bytes src/components/Code/index.js | 74 +++++ src/components/testtttt/index.scss | 438 +++++++++++++++++++++++++++++ src/redux/data.js | 187 ++++++------ src/redux/store.js | 4 +- yarn.lock | 20 +- 10 files changed, 745 insertions(+), 326 deletions(-) create mode 100644 src/Views/Home/Sidebar/index.js create mode 100644 src/components/Code/copy.png create mode 100644 src/components/Code/index.js diff --git a/package-lock.json b/package-lock.json index a6b9d38..fce9e97 100644 --- a/package-lock.json +++ b/package-lock.json @@ -39,11 +39,13 @@ "react-multi-date-picker": "^3.3.0", "react-qr-code": "^2.0.7", "react-redux": "^7.2.6", + "react-router-dom": "6", "react-scripts": "5.0.0", "react-table": "^7.7.0", "react-tooltip": "^4.2.21", "recharts": "^2.1.8", "redux": "^4.1.2", + "redux-devtools-extension": "^2.13.9", "sass": "^1.45.0", "sweetalert2": "^11.3.4", "swiper": "^8.0.6", @@ -8866,6 +8868,14 @@ "he": "bin/he" } }, + "node_modules/history": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz", + "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==", + "dependencies": { + "@babel/runtime": "^7.7.6" + } + }, "node_modules/hoist-non-react-statics": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", @@ -14521,6 +14531,30 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz", + "integrity": "sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==", + "dependencies": { + "history": "^5.2.0" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz", + "integrity": "sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==", + "dependencies": { + "history": "^5.2.0", + "react-router": "6.3.0" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/react-scripts": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.0.tgz", @@ -14806,6 +14840,15 @@ "@babel/runtime": "^7.9.2" } }, + "node_modules/redux-devtools-extension": { + "version": "2.13.9", + "resolved": "https://registry.npmjs.org/redux-devtools-extension/-/redux-devtools-extension-2.13.9.tgz", + "integrity": "sha512-cNJ8Q/EtjhQaZ71c8I9+BPySIBVEKssbPpskBfsXqb8HJ002A3KRVHfeRzwRo6mGPqsm7XuHTqNSNeS1Khig0A==", + "deprecated": "Package moved to @redux-devtools/extension.", + "peerDependencies": { + "redux": "^3.1.0 || ^4.0.0" + } + }, "node_modules/redux-thunk": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.1.tgz", @@ -24130,6 +24173,14 @@ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" }, + "history": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz", + "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==", + "requires": { + "@babel/runtime": "^7.7.6" + } + }, "hoist-non-react-statics": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", @@ -28065,6 +28116,23 @@ "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==" }, + "react-router": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz", + "integrity": "sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==", + "requires": { + "history": "^5.2.0" + } + }, + "react-router-dom": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz", + "integrity": "sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==", + "requires": { + "history": "^5.2.0", + "react-router": "6.3.0" + } + }, "react-scripts": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.0.tgz", @@ -28287,6 +28355,12 @@ "@babel/runtime": "^7.9.2" } }, + "redux-devtools-extension": { + "version": "2.13.9", + "resolved": "https://registry.npmjs.org/redux-devtools-extension/-/redux-devtools-extension-2.13.9.tgz", + "integrity": "sha512-cNJ8Q/EtjhQaZ71c8I9+BPySIBVEKssbPpskBfsXqb8HJ002A3KRVHfeRzwRo6mGPqsm7XuHTqNSNeS1Khig0A==", + "requires": {} + }, "redux-thunk": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.1.tgz", diff --git a/package.json b/package.json index 1921250..31e77c2 100644 --- a/package.json +++ b/package.json @@ -40,6 +40,7 @@ "react-tooltip": "^4.2.21", "recharts": "^2.1.8", "redux": "^4.1.2", + "redux-devtools-extension": "^2.13.9", "sass": "^1.45.0", "sweetalert2": "^11.3.4", "swiper": "^8.0.6", diff --git a/src/App.js b/src/App.js index 950862d..b78df5d 100644 --- a/src/App.js +++ b/src/App.js @@ -1,229 +1,15 @@ -import "./App.scss"; - +import Router from "./router.js"; import { Provider } from "react-redux"; import store from "./redux/store"; +import "./App.scss"; -import ButtonDesign from "./components/buttonDesign/ButtonDesign"; -import ProductDesign from "./components/productDesign/ProductDesign"; -import ProductTags from "./components/productTags/ProductTags"; -import CounterDesign from "./components/counterDesign/CounterDesign"; -import BookDesign from "./components/bookDesign/BookDesign"; -import BlogDesign1 from "./components/Blogs/design1/BlogDesign1"; -import BlogDesign2 from "./components/Blogs/design2/BlogDesign2"; -import BlogDesign3 from "./components/Blogs/design3/BlogDesign3"; -import BlogDesign4 from "./components/Blogs/design4/BlogDesign4"; -import BlogDesign5 from "./components/Blogs/design5/BlogDesign5"; -import BlogDesign6 from "./components/Blogs/design6/BlogDesign6"; -import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1"; -import VodProductDesign from "./components/vodProductDesign/VodProductDesign"; -import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection"; -import FooterDesign1 from "./components/footer/design1/FooterDesign1"; -import Testttt from "./components/testtttt/Testttt"; -import Design2D from "./components/Design2D/Design2D"; -import Features from "./components/Features/index"; -import Feedback from "./components/Feedback/index"; -import Alert from "./components/Alert"; -import Toast from "./components/Toast"; -import ProductSuggestion from "./components/ProductSuggestion"; -import ProductImage from "./components/ProductImage"; -import VodProduct from "./components/VodProduct"; -import VodProductNew from "./components/VodProductNew"; -import ProductTab from "./components/ProductTab"; -import ProductStatusCard from "./components/ProductStatusCard"; -import AdvertisementDesign1 from "./components/Advertisement/design1"; -import AdvertisementDesign2 from "./components/Advertisement/design2"; -import AdvertisementDesign3 from "./components/Advertisement/design3"; -import CourseChapter from "./components/CourseChapter"; -import SidebarMenu from "./components/Sidebar/SidebarMenu"; -import SidebarDesign2 from "./components/Sidebar/SidebarDesign2"; -import SimpleBarChart from "./components/Chart/SimpleBarChart"; -import SpecifiedDomainRadarChart from "./components/Chart/SpecifiedDomainRadarChart"; -import Design1 from "./components/ProductSalesAmount/Design1"; -import Design2 from "./components/ProductSalesAmount/Design2"; -import TableDesign1 from "./components/Table/Design1"; -import ReactTable2 from "./components/ReactTable2"; -import ReactTable3 from "./components/ReactTable3"; -import ReactTable4 from "./components/ReactTable4"; -import ReactTable5 from "./components/ReactTable5"; -import Digikala from "./components/Digikala"; -import Switch from "./components/Switch"; -import BreadCrumb from "./components/BreadCrumb"; -import SearchBox from "./components/SearchBox"; -import Blogs from "./components/Blogs"; -import FileManager from "./components/FileManager"; -import Playlist from "./components/Playlist"; -import Folderlists from "./components/Folderlist"; -import CardHolder from "./components/CardHolder"; -import UploadFile from "./components/UploadFile"; -import BarChartApex from "./components/BarChartApex"; -import SemiDonut from "./components/SemiDonut"; -import FolderTree from "./components/FolderTree"; -import GridListTable from "./components/GridListTable"; -import PopupCard from "./components/PopupCard"; -import OutlineInput from "./components/OutlineInput"; -import CancleIcon from "./components/CancleIcon"; -import ButtonNewDesign from "./components/ButtonNewDesign"; -import TimeLineComponent from "./components/TimeLineComponent"; -import TitleSubtitle from "./components/TitleSubtitle"; -import TimeLine from "./components/TimeLineComponent/Timeline"; -import ProfilePicNextToEachOther from "./components/ProfilePicNextToEachOther"; -import SelectYear from "./components/SelectYear"; -import IndianaDragScroll from "./components/IndianaDragScroll"; -import CardTrelloDesign from "./components/CardTrelloDesign"; -import CircleInCircle from "./components/CircleInCircle"; -import NewTagDesign from "./components/NewTagDesign"; -import AnimatedProgressBar from "./components/AnimatedProgressBar"; -import ReligiousTimes from "./components/ReligiousTimes"; -import DistributedData from "./components/DistributedData"; -import CardDesign1 from "./components/CardDesign1"; -import CustomToast from "./components/CustomToast"; -import IconText from "./components/IconText"; -import CardDesign2 from "./components/CardDesign2"; -import ButtonDivTag from "./components/ButtonDivTag"; -import Button from "./components/Button"; -import LeafletMap from "./components/LeafletMap"; -import TestComponentNew from "./components/TestComponentNew"; -import DateRangePicker from "./components/DateRangePicker"; -import BoxNextToEachOther from "./components/BoxNextToEachOther"; -import ProfileInfo from "./components/ProfileInfo"; -import UserProfileInfo from "./components/UserProfileInfo"; -import CurrentTime from "./components/CurrentTime"; -import CurrentDateShamsi from "./components/CurrentDateShamsi"; -import DateTime from "./components/DateTime"; -import CardDesign3 from "./components/CardDesign3"; -import CustomToast2 from "./components/CustomToast2"; -import ContactUsInfoCard from "./components/ContactUsInfoCard"; -import RoomCardInfo from "./components/RoomCardInfo"; -import FormInput from "./components/FormInput"; -import OutlineTextarea from "./components/OutlineTextarea"; +// import "rc-slider/assets/index.css"; +// import "react-circular-progressbar/dist/styles.css"; function App() { return ( -
- {/* */} - {/* */} - {/* */} - {/* */} - {/* */} - {/* */} - {/* */} - {/* ----------------------------$$$ start---------------------------- */} - {/* - - - - - */} - {/*
+ ); } diff --git a/src/Views/Home/Sidebar/index.js b/src/Views/Home/Sidebar/index.js new file mode 100644 index 0000000..a65d1bb --- /dev/null +++ b/src/Views/Home/Sidebar/index.js @@ -0,0 +1,49 @@ +import React from "react"; +import { connect } from "react-redux"; +import { components } from "../../../redux/actions"; + +function Sidebar({ list, setActive }) { + return ( +
+
+ logo +
+ +
+ ); +} + +const mapStateToProps = (state) => ({ + list: state.components.list, +}); + +export default connect(mapStateToProps, { + setActive: components.activeComponent, +})(Sidebar); + +Sidebar.defaultProps = { + materials: [ + { + name: "Button", + }, + ], +}; diff --git a/src/components/Code/copy.png b/src/components/Code/copy.png new file mode 100644 index 0000000000000000000000000000000000000000..e1742c4e8d02df8e99ad198c7e7d8cd966f77342 GIT binary patch literal 7760 zcmeHsdsI_b)Auz0|M}W5qIm) z@epLtrT)VGp5zWdG)wRfOxVd`CM54a90?^SC)-8G#l%PK=SJFb4zsRI(9I#pstsjq z+QrNNFmSZ8IPuun)bz9~A3J^f1`HPobkGAAwKYk*FaZx{)L6?Wr5c4@)z*oQF2q>0Z0>mSUr$mpYv@VRqu-2HLTw?zR5am#vFpg7B4PUZInj+!3WYzwZ{WM1Sg0pfB9-QW_x_5NZK2sl8{a0z zy?S%sK&8bs;{GL1TFs4Q4t7M1-2DZ1_(BP{z|UdJvEMKc?6a>A8n9Lj4QV~K80=<_ z*4;n9z8$)}gH-jMoQ*HSGO&R@J0UeT+?`9}8px}plIp2~dIyNPmBBWo8@U?0>Rpbh z-zs#z#(_#TN?D`&JVF_h;6ZTz3gem=mJ(}k$hFNg>MUhF3WjK@&$Qaj`nDbU} z#ec?A(GlelTwin~EsN*^ZH(gKo{L<+5vT{wD~)h_r}z)f)?Lusvw}c<37NO3^5&E! z+L`bxA^)tX$A9F39zR;VVCp_b`txt;@CbIxmqRYU8GvfWysbFi=V2D z<@r*{fdE6i@3HwQ!9)He{vcGCz{-K_P6@`gzlZhs1j=w6>CiWsx{UFzlpJc=`TIn_ zEJ0J2AhzY$n1_}_B^B%J}Ee%VWQSlO?QJs%^K6#kM#Jf1p*&9^pRMF3U@R0xk(IqOiA*aozN0v z5)m5H=&Ko|pzqJP@mZ|VmfWL60;cKRJgE_rVWrlrd|Hkzp(*7F!Dg_Ka`9GS%47zW=P@E5nzq8l^e{mQ-*IM zV5(oW>35XcXuxViEx(W_q4L#y$5Vn92i~KFf5cw=)GwWTyJ{#3I*l^sjODR-qgw2f zS=-9VRfUwdJE0K;Ojm6azIsJgy_GAYu0%qoH!1zl*YE=@gYfCNpMn} z8_PReYw+G{7Z0sUO;VM++$Jnhwsu>BBXJ=Ddl+$HY9mu}}9_b@|r z?zu>6iY}LDF63r>r75Oq3MF~YHagNt@ll!@%p_~h8OZ5P@E(dD9EpGUp}A#pq26 zV1qZ~0NF<{p4%Y-chXGGjp`PVy5E|FNqjB1#V>DjVvD}5o1|3(^RGqNZ z1~Kkox_*C2O<1F|-J7XpH>Ih%nK>sX?{3DRz*C!p4SP>lKrLeOa`crcY#rSYK{J3u z5r?~iT0I_DW~Eze+`E#N{whU4jSf@g@oTX8a`776ILxgbI=zf?Un7ar5J9R?f(026 zio{N;{>yf+2)zT4Y1>4C;^xUAEx#D|?}Z6_L^JIP(;MNV=1|egdrH2yWCd+93XD|W z=z;dlZD`1a9r8|8lPmew2up2E&|YQ;A+)LrctM|zCe9{h1l^6hD8U{y+_oysn%mRkTVaRban# zKE4BdQm{_VZ4B-EVu%W>k9bD8hmnym27ynFwoU6z!RQ1`koHpjPAL?zo~@KPBsnNqIlVjtUqKSFX^_SqW9V$(@o5f z?aA{mzP^yorI-6`6*8~D4t4%OVggeJ3yWW}pwkoXdVWpfPc*#xPYWvQ9tNFWMQbw5 z@8tb?#r>;2YEDGLqUXN}?0H*N0sF;$>J=6jI6{|}(bDxK#Sb=D5JS$2n&RYuOm>1U zt)h8qN{&4-{L(3%8@^z@Q`i+jz&_?f`R*kxDap*nV^#`G*DfHbX(WK^Qq|qU}9`S(Z zdZhFSz3G)`=fCv$j*q2TG{qG58k^BGc(bjFtg_^KF+E~oF|o#YOB=e6V?N5748y(#R%90Rsz*BgM?J018U;g|1q)prjmbAAc*A?;c4Oo ze4EhCKHPV6U?Z9*(2OH=!!EIh>tR*9RC4F_`nI#8MSKAd;;xc&@#PQuzD}(_fXPBzzx{lT~kg{EiG-ZI7lqa)qE-7ud8NMn| zx#2!~^F^r|>N6)GNn>8G)|E29juJv5O~<+a@ce}{L>XR0I^5)lw)Pi%E?WH^;7Hexjw!V zv$;M4BJ3Pn-;%i3oRq$V6cc3Fd0@LO&{05|^1#0j8;Yi1r$&44cI5qvr8AmoK{*{N zUpg2+f|X#prBgg%an&m$6@!s#NBJD(zGZ|~g&by#FD5N$r<&Hb7n6O2&PFF_ydKQ4 z{6rLe#WxUXN*fR5m--LS+oHa=;rab4%7c0_x#*(VQHar;l~M8f;umUJMK)r0S^$oZ zYkyk=1Ns1En3Iw0$TKRVmNk(HsWueyK#JfJYYpr`H~NI)IW33MLBg*@E2OD_ezxjzOs0yOb6GyaI# z-iJR6i_r~ns)T#yzwZP(E#-e~38tcn>=wLy^x%PcGk%N4bWG)D;jZ?oa^kM_p3t1< zW})-iqdv_KgL7^i9I;Ka33tPz^~JZFYcLTOgm1)&m?2HE$9E6fd0F4SBh5Z6_jRlx zjsgI^UcYp0PZcHxGgmpq%d-SyP-)Gt_o!mH6taFQ%?ipnSA2;QzK*NO)u;>|*|6=9 zdu0rBa4_XD)w|h^pL>6>s?4`g!}adVQza;#5LO|j4`wz|H!<(DO4BvxAyi1#~j8-ut|-{*ajBkL=E}Jj^i}Qu;fe6 z*9CHAC^PMMkon)&NhRxO3l|`OJ0?CsnjbgM)I;78lHD%GUhUr+=F&Hx8R#? z>qe#B2-x9H@m3(Cx*0!vG_r%!2FC>DTpnZMt!m@ik6l;twGuw?x?=X}@neox?7B$x z^)neV=&c#qQIY5ffqd^J)OkDH{_2iZPD-pn;6O?A%I2^AP~(E|2X7M_ln=eI-i%kvJ!aisnh~Xki=wAF&(|>Bus)6Xd{$ zpsg`^xdl2)js7G1pnDkXVh#|v?`{(W*HLpXIw|Tqo{c+1g+(*%W9l4`lRPxFWpmfFh5#3>Xu(!*h{ePRYZl|x}UY;eV1=~1gJuu zoD|d}El33+iA`sjcf*CRKIsA_WfufIOZhbRHHag+_ME23y^{7o4F4c}A`qCsg(ck& z7LxF_il(=~%78_rDLed8d9t(oq*RhRZ{iL-|Gq)MTf5G1ev#zJZ=MdoSq;V{f8zXI zW%ib*Po$G}pNMKDVoJCnZsS!w*ol3>WX4}M14Fx59O!dguEXy`&1uzOaf?4m0T?nN(j*c8Cm()UB8; zYzL8`{DA>Vtm;8W?_3T4R%u`E$6Vm;fT8|UC4coS%;hoX6Ux#%)SPYYAU1`Ci2q~h ztz1Q}K47ajFnR`SD^K3u+lK9QQXFkkr;(_j?0<*T0S8k&9JU%!ITDE64m=|)z( z3Bqxygj1 zBdQna*ykSzr5&tC7qRm+MVV-31ocoCsqf3B5>u6;+ieS1H?wq2nmx^vc82(mT6LZ6 zp~h9+h&4>k6IHZILw#i#d%%~99(?PK-N8uZC-eq1QcZc=m?1C2`7E`yxgs&_4-XFT zp5$aKXpNr}*|QVn#CGt)ryfiDGIANsO-MSzb}KnCzb;dE$*(%89<(0+cZXbBX~0hb zPKvKsCg0G3XOQ+ynr6O%1nS*DE4(NweD~ymwR+=!yNXtUgqV^z5%O7nsfJ>{(iaEbIh=#I8FKm%P&@|{=QL`~YxQcE)*e=w zXNtmsVaqfs z;JZN(nYQtmZ@G^&9<*<$WqiB&+aF#{-RP+^h3fB@sYY@deiM^JAGXzqM_ z_5WkVuzfO;V%(Bsco1~3QYHYtHGZbXnr(1XlzTYrBL?%`lXrop)!X5z8{$#^t)QGh zK3MQ2-;lm&fL3J{|5mW!jROX?#Y%w|-HAf(RAcEbMX+HYW`+F?YNE~;&}C$>OHKA= z&=(gc|!&9#cLO{Xh*UWbR{(8|1^F&z_}9lEE+7Du=6zygR*; zG4JN@f&qg6*@zUwzsEmXGkDi56zuN2pS2;riv=vKP9Rm$z@@^o?%?$!r=*gbO2I); zl?2sIm+`OY;1!hNhm9+|gj<%7zCc5eK~zJe?p#kg5)X-fH>kZab!i9PFi=*HP@@l# zs(cx98@L|aCeZ!l#>rr#w%Cud_`LGKyssI$Hp6=M##FS4grqm)vvwThehfW&sW<|1 zCW$tvyqgOW6xY12#1rL-_;ak3_WagX^xH^P_1g%uy?qN?>yDfpYMa^1BzL4Rye$xD z8D(DdpsAAeB8M;ITSK0jX)ltpsb}^%@YXHZfdtB@}msCIPh*Y)T`Ri zF~p|%2zNDWiH`gzBVBAu*WpVg+N#t{aM7@F@L7siV)6zAT1+B3)^5BCu2MdiOZ&x2 z!TX8B1ZWwpo!IE~H{dh}P9v`20TRW4(715`bPo#ZwR=5H+*DBqjp+zyRv`;YjLeii|Hwg@}(+!WkIH0*SGo-9giW+KaI6-2-MPGdA6{i`O=S4NsWv-VdQ z;#tefQFZ&_)gsZ1LS6o6HEPTKhL%>DWSYdWJ*T{d#f=+mXoVdqzf7<%(4YgOwwUfp z3DD=c2TBJ8;KadV2)H0eBi-`>FgWdZBhay)4gY9hz5zO(O>A^Ixm;L0c*L7IYkoJ| z{M|Yzc~+NXsM$yucRmM%d#J*g^Qepz)Gt&o&*%NzGJIV`C;%OatbZ~>uwlpWB_jwl z&`i1OE0uvJC@58DFl**$1sED#t6T?JfYKJL(zE-p3hiuyeNyCw`mF{KUpnV1XA>$u zU7)^5Byj~MUqn`|X*#%HvJ-D3zEhP4p*P=J653}fV%!-;!5wCN{p0>bI-xer67)0k z%oZ$ocZmxxX_wTmmz9A`Z3LC!CJoRHy&@9Vkc&zzT6aRpbq@ux8Rs)hPAju*(S3&y zE}L1P?lf`6;mWCOn*u~)?db)Q%^MB;vQ%gQmQ@Cj?*;f9JImJn+eoZC|bz`eftP!@)CXUN)j8|5Hh|ffBn0b^VBnK z{$`Q_87`fRlR27KoNOS3br4Uxn!28R&_}RE2Nc_I1hb$iSmiBIPS?qhg|+MOGQ0+R z?Mv7y9IZe1puTqSoX9iQearb5YoPT8f?gAz5tmx|({o4RuIKCY25S-zGv}`7s-dPl4`dM<)`cQMBQ!Z#l$x8vo%+3hPBf8tjcZ1JNnmDaO)c~6O0 zD#?*J{uGb>_fdV0Aq0A`O!>)QEaD0_obB>)p}GD${rL*91-}(!?rj;{Qni}ak1ZfN Y1_nMyY$JaIx4#hT?Z>$Deb~SL3rnB(-v9sr literal 0 HcmV?d00001 diff --git a/src/components/Code/index.js b/src/components/Code/index.js new file mode 100644 index 0000000..c700b32 --- /dev/null +++ b/src/components/Code/index.js @@ -0,0 +1,74 @@ +import { useState } from "react"; +import copyIcon from "./copy.png"; + +function Code({ code }) { + const [copied, setCopied] = useState(false); + const [height, setHeight] = useState(350); + const copyToClipboard = () => { + setCopied(true); + let copyText = document.getElementById(code).innerText; + /* Select the text field */ + // copyText.setSelectionRange(0, 99999); /* For mobile devices */ + + /* Copy the text inside the text field */ + navigator.clipboard.writeText(copyText); + }; + return ( +
+
+
+ copy copyToClipboard()} + /> + + Copied! + +
+
setHeight(() => (height == 350 ? "auto" : 350))} + > + {height === 350 ? "Read more" : "Close"} +
+
+ 
+        {code}
+
+
+ ); +} + +Code.defaultProps = { + code: `class HelloMessage extends React.Component { + handlePress = () => { + alert('Hello') + } + render() { + return ( +
+

Hello {this.props.name}

+ +
+ ); + } + } + ReactDOM.render( + , + mountNode + );`, +}; + +export default Code; diff --git a/src/components/testtttt/index.scss b/src/components/testtttt/index.scss index e69de29..3554e2b 100644 --- a/src/components/testtttt/index.scss +++ b/src/components/testtttt/index.scss @@ -0,0 +1,438 @@ +// import ButtonDesign from "./components/buttonDesign/ButtonDesign"; +// import ProductDesign from "./components/productDesign/ProductDesign"; +// import ProductTags from "./components/productTags/ProductTags"; +// import CounterDesign from "./components/counterDesign/CounterDesign"; +// import BookDesign from "./components/bookDesign/BookDesign"; +// import BlogDesign1 from "./components/Blogs/design1/BlogDesign1"; +// import BlogDesign2 from "./components/Blogs/design2/BlogDesign2"; +// import BlogDesign3 from "./components/Blogs/design3/BlogDesign3"; +// import BlogDesign4 from "./components/Blogs/design4/BlogDesign4"; +// import BlogDesign5 from "./components/Blogs/design5/BlogDesign5"; +// import BlogDesign6 from "./components/Blogs/design6/BlogDesign6"; +// import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1"; +// import VodProductDesign from "./components/vodProductDesign/VodProductDesign"; +// import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection"; +// import FooterDesign1 from "./components/footer/design1/FooterDesign1"; +// import Testttt from "./components/testtttt/Testttt"; +// import Design2D from "./components/Design2D/Design2D"; +// import Features from "./components/Features/index"; +// import Feedback from "./components/Feedback/index"; +// import Alert from "./components/Alert"; +// import Toast from "./components/Toast"; +// import ProductSuggestion from "./components/ProductSuggestion"; +// import ProductImage from "./components/ProductImage"; +// import VodProduct from "./components/VodProduct"; +// import VodProductNew from "./components/VodProductNew"; +// import ProductTab from "./components/ProductTab"; +// import ProductStatusCard from "./components/ProductStatusCard"; +// import AdvertisementDesign1 from "./components/Advertisement/design1"; +// import AdvertisementDesign2 from "./components/Advertisement/design2"; +// import AdvertisementDesign3 from "./components/Advertisement/design3"; +// import CourseChapter from "./components/CourseChapter"; +// import SidebarMenu from "./components/Sidebar/SidebarMenu"; +// import SidebarDesign2 from "./components/Sidebar/SidebarDesign2"; +// import SimpleBarChart from "./components/Chart/SimpleBarChart"; +// import SpecifiedDomainRadarChart from "./components/Chart/SpecifiedDomainRadarChart"; +// import Design1 from "./components/ProductSalesAmount/Design1"; +// import Design2 from "./components/ProductSalesAmount/Design2"; +// import TableDesign1 from "./components/Table/Design1"; +// import ReactTable2 from "./components/ReactTable2"; +// import ReactTable3 from "./components/ReactTable3"; +// import ReactTable4 from "./components/ReactTable4"; +// import ReactTable5 from "./components/ReactTable5"; +// import Digikala from "./components/Digikala"; +// import Switch from "./components/Switch"; +// import BreadCrumb from "./components/BreadCrumb"; +// import SearchBox from "./components/SearchBox"; +// import Blogs from "./components/Blogs"; +// import FileManager from "./components/FileManager"; +// import Playlist from "./components/Playlist"; +// import Folderlists from "./components/Folderlist"; +// import CardHolder from "./components/CardHolder"; +// import UploadFile from "./components/UploadFile"; +// import BarChartApex from "./components/BarChartApex"; +// import SemiDonut from "./components/SemiDonut"; +// import FolderTree from "./components/FolderTree"; +// import GridListTable from "./components/GridListTable"; +// import PopupCard from "./components/PopupCard"; +// import OutlineInput from "./components/OutlineInput"; +// import CancleIcon from "./components/CancleIcon"; +// import ButtonNewDesign from "./components/ButtonNewDesign"; +// import TimeLineComponent from "./components/TimeLineComponent"; +// import TitleSubtitle from "./components/TitleSubtitle"; +// import TimeLine from "./components/TimeLineComponent/Timeline"; +// import ProfilePicNextToEachOther from "./components/ProfilePicNextToEachOther"; +// import SelectYear from "./components/SelectYear"; +// import IndianaDragScroll from "./components/IndianaDragScroll"; +// import CardTrelloDesign from "./components/CardTrelloDesign"; +// import CircleInCircle from "./components/CircleInCircle"; +// import NewTagDesign from "./components/NewTagDesign"; +// import AnimatedProgressBar from "./components/AnimatedProgressBar"; +// import ReligiousTimes from "./components/ReligiousTimes"; +// import DistributedData from "./components/DistributedData"; +// import CardDesign1 from "./components/CardDesign1"; +// import CustomToast from "./components/CustomToast"; +// import IconText from "./components/IconText"; +// import CardDesign2 from "./components/CardDesign2"; +// import ButtonDivTag from "./components/ButtonDivTag"; +// import Button from "./components/Button"; +// import LeafletMap from "./components/LeafletMap"; +// import TestComponentNew from "./components/TestComponentNew"; +// import DateRangePicker from "./components/DateRangePicker"; +// import BoxNextToEachOther from "./components/BoxNextToEachOther"; +// import ProfileInfo from "./components/ProfileInfo"; +// import UserProfileInfo from "./components/UserProfileInfo"; +// import CurrentTime from "./components/CurrentTime"; +// import CurrentDateShamsi from "./components/CurrentDateShamsi"; +// import DateTime from "./components/DateTime"; +// import CardDesign3 from "./components/CardDesign3"; +// import CustomToast2 from "./components/CustomToast2"; +// import ContactUsInfoCard from "./components/ContactUsInfoCard"; +// import RoomCardInfo from "./components/RoomCardInfo"; +// import FormInput from "./components/FormInput"; +// import OutlineTextarea from "./components/OutlineTextarea"; + + { + /* */ +} + { + /* */ +} + { + /* */ +} + { + /* */ +} + { + /* */ +} + { + /* */ +} + { + /* */ +} + { + /* ----------------------------$$$ start---------------------------- */ +} + { + /* + + + + + */ +} + { + /*