diff --git a/src/Views/Home/Main/index.js b/src/Views/Home/Main/index.js index 6faca8d..837b078 100644 --- a/src/Views/Home/Main/index.js +++ b/src/Views/Home/Main/index.js @@ -7,10 +7,10 @@ function Main({ activeComponent }) {
-

+

{activeComponent?.content?.name}

- + {activeComponent?.name && `Designed by: ${activeComponent?.author}`} {activeComponent?.content?.component} @@ -22,11 +22,11 @@ function Main({ activeComponent }) { - - - - - + + + + + diff --git a/src/components/Blogs/design1/index.js b/src/components/Blogs/design1/index.js index f61f659..078edf6 100644 --- a/src/components/Blogs/design1/index.js +++ b/src/components/Blogs/design1/index.js @@ -19,7 +19,7 @@ const BlogDesign1 = ({
-

+

آیا مواد غذای پر فیبر و مفید هستند؟

{blogExcerpt && ( diff --git a/src/components/Blogs/design2/index.js b/src/components/Blogs/design2/index.js index c404b2c..e057c58 100644 --- a/src/components/Blogs/design2/index.js +++ b/src/components/Blogs/design2/index.js @@ -41,11 +41,11 @@ const BlogDesign2 = ({ )}
-

+

آیا مواد غذایی پر فیبر مفید هستند؟

{blogSubTitle && ( -

+

شما چه فکری می کنید

)} diff --git a/src/components/Blogs/design3/index.js b/src/components/Blogs/design3/index.js index 4c07090..5c88f09 100644 --- a/src/components/Blogs/design3/index.js +++ b/src/components/Blogs/design3/index.js @@ -31,13 +31,13 @@ const BlogDesign3 = ({ {/* */}

آیا مواد غذای پر فیبر و مفید هستند؟

{blogSubTitle && (

نظر شما چیه

diff --git a/src/components/Blogs/design4/index.js b/src/components/Blogs/design4/index.js index b3f4fb7..4d6317b 100644 --- a/src/components/Blogs/design4/index.js +++ b/src/components/Blogs/design4/index.js @@ -21,7 +21,7 @@ const BlogDesign4 = ({
-

+

آیا مواد غذای پر فیبر و مفید هستند؟

{blogExcerpt && ( diff --git a/src/components/Blogs/design5/index.js b/src/components/Blogs/design5/index.js index ece4bcc..6811623 100644 --- a/src/components/Blogs/design5/index.js +++ b/src/components/Blogs/design5/index.js @@ -22,7 +22,7 @@ const BlogDesign5 = ({
-

+

آیا مواد غذای پر فیبر و مفید هستند؟

{blogExcerpt && ( diff --git a/src/components/Blogs/design6/index.js b/src/components/Blogs/design6/index.js index 605cf3f..83e6a36 100644 --- a/src/components/Blogs/design6/index.js +++ b/src/components/Blogs/design6/index.js @@ -18,7 +18,7 @@ const BlogDesign6 = ({
-

+

آیا مواد غذای پر فیبر و مفید هستند؟

{blogExcerpt && ( diff --git a/src/components/Calendar/CalendarComponents/Calendar.js b/src/components/Calendar/CalendarComponents/Calendar.js index b84e215..3b94e55 100644 --- a/src/components/Calendar/CalendarComponents/Calendar.js +++ b/src/components/Calendar/CalendarComponents/Calendar.js @@ -1,20 +1,20 @@ -import React, { useState, useRef, useEffect } from 'react'; +import React, { useState, useRef, useEffect } from "react"; import { getDateAccordingToMonth, shallowClone, getValueType, -} from './shared/generalUtils'; +} from "./shared/generalUtils"; import { TYPE_SINGLE_DATE, TYPE_RANGE, TYPE_MUTLI_DATE, -} from './shared/constants'; -import { useLocaleUtils, useLocaleLanguage } from './shared/hooks'; +} from "./shared/constants"; +import { useLocaleUtils, useLocaleLanguage } from "./shared/hooks"; -import { Header, MonthSelector, YearSelector, DaysList } from './components'; +import { Header, MonthSelector, YearSelector, DaysList } from "./components"; - const Calendar = ({ +const Calendar = ({ value, onChange, onDisabledDayError, @@ -38,12 +38,12 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; customDaysClassName, events, renderEvents, - type + type, }) => { const calendarElement = useRef(null); const [mainState, setMainState] = useState({ activeDate: null, - monthChangeDirection: '', + monthChangeDirection: "", isMonthSelectorOpen: false, isYearSelectorOpen: false, }); @@ -51,10 +51,10 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; useEffect(() => { const handleKeyUp = ({ key }) => { /* istanbul ignore else */ - if (key === 'Tab') - calendarElement.current.classList.remove('-noFocusOutline'); + if (key === "Tab") + calendarElement.current.classList.remove("-noFocusOutline"); }; - calendarElement.current.addEventListener('keyup', handleKeyUp, false); + calendarElement.current.addEventListener("keyup", handleKeyUp, false); return () => { // calendarElement.current.removeEventListener('keyup', handleKeyUp, false); }; @@ -68,8 +68,8 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; setMainState({ ...mainState, [property]: !mainState[property] }); }; - const toggleMonthSelector = createStateToggler('isMonthSelectorOpen'); - const toggleYearSelector = createStateToggler('isYearSelectorOpen'); + const toggleMonthSelector = createStateToggler("isMonthSelectorOpen"); + const toggleYearSelector = createStateToggler("isYearSelectorOpen"); const getComputedActiveDate = () => { const valueType = getValueType(value); @@ -85,8 +85,12 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; : getComputedActiveDate(); const weekdays = weekDaysList.map((weekDay) => ( - - { type == 'dashboard' ? weekDay.name : weekDay.short} + + {type == "dashboard" ? weekDay.name : weekDay.short} )); @@ -104,7 +108,7 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; activeDate, mainState.monthChangeDirection ), - monthChangeDirection: '', + monthChangeDirection: "", }); }; @@ -126,13 +130,14 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; return (
@@ -196,18 +201,28 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; isQuickSelectorOpen={ mainState.isYearSelectorOpen || mainState.isMonthSelectorOpen } - showEvent={event => setEventInFooter(event)} + showEvent={(event) => setEventInFooter(event)} type={type} />
- { - type == 'dashboard' ? <>
رویداد ها:

{eventInFooter ? eventInFooter : 'رویدادی در این روز وجود ندارد!'}

: eventInFooter - } - - -
- {renderFooter()}
+ {type == "dashboard" ? ( + <> +
+ رویداد ها:{" "} +
+

+ {eventInFooter + ? eventInFooter + : "رویدادی در این روز وجود ندارد!"} +

+ + ) : ( + eventInFooter + )} +
+ {renderFooter()} +
); }; @@ -215,17 +230,16 @@ import { Header, MonthSelector, YearSelector, DaysList } from './components'; Calendar.defaultProps = { minimumDate: null, maximumDate: null, - colorPrimary: '#0eca2d', - colorPrimaryLight: '#cff4d5', - slideAnimationDuration: '0.4s', - calendarClassName: '', - locale: 'en', + colorPrimary: "#0eca2d", + colorPrimaryLight: "#cff4d5", + slideAnimationDuration: "0.4s", + calendarClassName: "", + locale: "en", value: null, renderFooter: () => null, - renderEvents : () => null, + renderEvents: () => null, customDaysClassName: [], events: [], }; - -export default Calendar; \ No newline at end of file +export default Calendar; diff --git a/src/components/Code/index.js b/src/components/Code/index.js index 504c59a..c700b32 100644 --- a/src/components/Code/index.js +++ b/src/components/Code/index.js @@ -32,7 +32,7 @@ function Code({ code }) {
setHeight(() => (height == 350 ? "auto" : 350))} diff --git a/src/components/Counter/index.js b/src/components/Counter/index.js index c768897..1f23f9b 100644 --- a/src/components/Counter/index.js +++ b/src/components/Counter/index.js @@ -15,7 +15,9 @@ const Counter = ({ incrementIcon, decrementIcon, flex }) => { onClick={() => setCount(count + 1)} /> 0 ? { color: "green" } : { color: "red" }} > {count} diff --git a/src/components/Features/index.js b/src/components/Features/index.js index af62919..131f76b 100644 --- a/src/components/Features/index.js +++ b/src/components/Features/index.js @@ -10,7 +10,7 @@ import plane from "./plane.svg"; const Features = ({ features }) => { return (
-

+

امکانات و ویژگی ها

@@ -27,7 +27,9 @@ const Features = ({ features }) => {
- {feature.title} + + {feature.title} + @@ -43,9 +45,7 @@ const Features = ({ features }) => {
-

- هزاران درصد تحفیف -

+

هزاران درصد تحفیف

با وارد کردن کد بهار نگو تابستون از تخفیف 10 درصدی ویژه برخوردار شوید diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js index 182294c..753a840 100644 --- a/src/components/Footer/index.js +++ b/src/components/Footer/index.js @@ -13,18 +13,18 @@ const FooterDesign1 = ({ color, bg, links }) => { >

<> - { - links.map((section, index) =>
    - { - section.map((link, index) =>
  • - {link} -
  • ) - } -
) - } + {links.map((section, index) => ( +
    + {section.map((link, index) => ( +
  • + {link} +
  • + ))} +
+ ))}
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js index 283aacf..6d4fb3a 100644 --- a/src/components/Navbar/index.js +++ b/src/components/Navbar/index.js @@ -50,11 +50,13 @@ const HeaderDesign1 = ({
- + Design System {category && ( - + دسته بندی ها )} diff --git a/src/components/Product/index.js b/src/components/Product/index.js index 886741e..c81433a 100644 --- a/src/components/Product/index.js +++ b/src/components/Product/index.js @@ -50,7 +50,7 @@ const ProductDesign = ({
{discountPricePercent && (
-

+

23%

@@ -148,7 +148,7 @@ const ProductDesign = ({ {star && (
- + 39
@@ -190,9 +190,9 @@ const ProductDesign = ({ )} {productTags && (
- { - productTags.map((item, index) => ) - } + {productTags.map((item, index) => ( + + ))}
)} {rangeHolder && ( diff --git a/src/components/ProductStatusCard/index.js b/src/components/ProductStatusCard/index.js index 49c6b1f..92d66c7 100644 --- a/src/components/ProductStatusCard/index.js +++ b/src/components/ProductStatusCard/index.js @@ -24,13 +24,13 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {

- {item.subtitle} + {item.subtitle} {item.title}

{item.customerSatisfaction && (

رضایت خریداران: - + {item.customerSatisfactionPercent}

@@ -64,7 +64,7 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
-

+

بازگشت بی چون و چرا

diff --git a/src/components/ProductSuggestion/index.js b/src/components/ProductSuggestion/index.js index 4d3da53..a55d3aa 100644 --- a/src/components/ProductSuggestion/index.js +++ b/src/components/ProductSuggestion/index.js @@ -8,13 +8,17 @@ const ProductSuggestion = ({ suggestions }) => { return (

-

+

این کالاها برای خرید به شما پیشنهام می دهیم

{/* product design */}
{suggestions.map((suggestion, index) => ( -
+
{
{Number(index) !== suggestions.length - 1 && ( - + )}
))} @@ -45,12 +53,12 @@ const ProductSuggestion = ({ suggestions }) => { {/* bottom */}
-

+

جمع لوازم اختیاری خریداری شده 56/894/400 تومان

- + 1 کالا
diff --git a/src/components/SidebarMenu/index.js b/src/components/SidebarMenu/index.js index 977a2c3..3155abe 100644 --- a/src/components/SidebarMenu/index.js +++ b/src/components/SidebarMenu/index.js @@ -24,7 +24,7 @@ const SidebarMenu = ({ items, buttons }) => { {/* profile */}
-

+

کامران کوهستانی شیرازی

diff --git a/src/components/VodProductNew/index.js b/src/components/VodProductNew/index.js index 7edec3b..1828bd5 100644 --- a/src/components/VodProductNew/index.js +++ b/src/components/VodProductNew/index.js @@ -69,7 +69,7 @@ const VodProduct = ({
{discountPricePercent && (
-

+

23%

@@ -189,7 +189,7 @@ const VodProduct = ({ {star && (
- + 39
NameTypeRequiredDefault valueDescriptionNameTypeRequiredDefault valueDescription