From fbf6a768bfc107d8349fe5b24ea893eb931ef3de Mon Sep 17 00:00:00 2001 From: HAM!DREZA Date: Tue, 21 Jan 2025 16:36:43 +0330 Subject: [PATCH] fix warnings from components --- src/langs/fa.json | 5 + src/pages/ads/AdsList.tsx | 16 +-- src/pages/ads/CreateAds.tsx | 8 +- src/pages/ads/components/ImageUploader.tsx | 72 +++++----- src/pages/blog/BlogCategory.tsx | 147 +++++++++++++++++++++ src/pages/blog/BlogList.tsx | 12 +- src/pages/blog/CreateBlog.tsx | 18 +-- src/pages/discounts/CreateDiscount.tsx | 46 +------ src/pages/discounts/DiscountsList.tsx | 4 +- src/router/Main.tsx | 2 + 10 files changed, 219 insertions(+), 111 deletions(-) create mode 100644 src/pages/blog/BlogCategory.tsx diff --git a/src/langs/fa.json b/src/langs/fa.json index 18b0684..a0f4823 100644 --- a/src/langs/fa.json +++ b/src/langs/fa.json @@ -220,6 +220,11 @@ "shareDate": "تاریخ انتشار", "enter_your_title": "عنوان بلاگ را وارد کنید", "add_blog": "افزودن بلاگ", +"blog_category": "دسته بندی بلاگ", +"add_category": "اضافه کردن دسته بندی", +"category_status": "وضعیت دسته بندی", +"category_title": "عنوان دسته بندی", +"parent_category": "دسته بندی مادر", "price": "مبلغ تخفیف", "title": "عنوان کد", "code": "کد تخفیف", diff --git a/src/pages/ads/AdsList.tsx b/src/pages/ads/AdsList.tsx index 0a5c1a2..b7a34ba 100644 --- a/src/pages/ads/AdsList.tsx +++ b/src/pages/ads/AdsList.tsx @@ -9,7 +9,7 @@ import SwitchComponent from '../../components/Switch' import DatePickerComponent from '../../components/DatePicker' import Select from '../../components/Select' import Input from '../../components/Input' -const TicketList: FC = () => { +const AddList: FC = () => { const { t } = useTranslation('global') return (
@@ -31,12 +31,8 @@ const TicketList: FC = () => {
- - - -
-
+
{
- -
+
{
- - -
@@ -132,4 +124,4 @@ const TicketList: FC = () => { ) } -export default TicketList \ No newline at end of file +export default AddList \ No newline at end of file diff --git a/src/pages/ads/CreateAds.tsx b/src/pages/ads/CreateAds.tsx index cc3a9f2..bc5b980 100644 --- a/src/pages/ads/CreateAds.tsx +++ b/src/pages/ads/CreateAds.tsx @@ -6,7 +6,7 @@ import SwitchComponent from '../../components/Switch' import { TickCircle, TickSquare, Link2 } from 'iconsax-react' import DatePickerComponent from '../../components/DatePicker' import ImageUploader from './components/ImageUploader' -const CreateTicket: FC = () => { +const CreateAd: FC = () => { const { t } = useTranslation('global') return (
@@ -25,7 +25,7 @@ const CreateTicket: FC = () => {
-
+
{
-
+

وضعیت تبلیغ @@ -105,4 +105,4 @@ const CreateTicket: FC = () => { ) } -export default CreateTicket \ No newline at end of file +export default CreateAd \ No newline at end of file diff --git a/src/pages/ads/components/ImageUploader.tsx b/src/pages/ads/components/ImageUploader.tsx index 966c176..ad623e9 100644 --- a/src/pages/ads/components/ImageUploader.tsx +++ b/src/pages/ads/components/ImageUploader.tsx @@ -7,43 +7,43 @@ import { useDropzone } from 'react-dropzone' const ImageUploader: FC = () => { - const { t } = useTranslation('global') - const [file, setFile] = useState() - const onDrop = useCallback((acceptedFiles: File[]) => { - setFile(acceptedFiles[0]) - }, []) - const { getRootProps, getInputProps } = useDropzone({ onDrop }) - - return( - <> -

{t('ads.upload_picture')}

-
-
- -

- { - file ? - file.name - : - t('ads.to_upload_message') + const { t } = useTranslation('global') + const [file, setFile] = useState() + const onDrop = useCallback((acceptedFiles: File[]) => { + setFile(acceptedFiles[0]) + }, []) + const { getRootProps, getInputProps } = useDropzone({ onDrop }) - } -

-
- - + return ( + <> +

{t('ads.upload_picture')}

+
+
+ +

+ { + file ? + file.name + : + t('ads.to_upload_message') + + } +

+
+ + +
+
-
-
- - ) + + ) } export default ImageUploader \ No newline at end of file diff --git a/src/pages/blog/BlogCategory.tsx b/src/pages/blog/BlogCategory.tsx new file mode 100644 index 0000000..5229686 --- /dev/null +++ b/src/pages/blog/BlogCategory.tsx @@ -0,0 +1,147 @@ + +import { FC } from 'react' +import { useTranslation } from 'react-i18next' +import Select from '../../components/Select' +import Input from '../../components/Input' +import Td from '../../components/Td' +import SwitchComponent from '../../components/Switch' +import { TickSquare, More, TickCircle } from 'iconsax-react' +import "quill/dist/quill.snow.css"; +import Button from '../../components/Button' +const BlogCategory: FC = () => { + const { t } = useTranslation('global') + return ( +
+
+
+ {t('blog.blog_category')} +
+
+
+
+
+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + +
+ + + + + + + + +
+
+ +
+
+ + + + + + { }} + /> + + +
+
+ +
+
+ + + + + + { }} + /> + + +
+
+
+
+
+

{t('blog.add_category')}

+
+

+ {t('blog.category_status')} +

+
+
+ {t('ads.deactive')} +
+ { }} + /> +
+
+

{t('blog.category_title')}

+
+ +
+

{t('blog.parent_category')}

+
+ +
+ + +
+
+ + ) +} +export default BlogCategory \ No newline at end of file diff --git a/src/pages/blog/BlogList.tsx b/src/pages/blog/BlogList.tsx index 0b43912..60e46c1 100644 --- a/src/pages/blog/BlogList.tsx +++ b/src/pages/blog/BlogList.tsx @@ -36,9 +36,9 @@ const BlogList: FC = () => {
-
-
-
+
+
+
{ className='bg-white border' />
-
+
{ }} @@ -73,7 +73,7 @@ const BlogList: FC = () => {
-
+
{ const { t } = useTranslation('global') useEffect(() => { - const quill = new Quill('#editor', { + new Quill('#editor', { theme: 'snow', }); - const quill2 = new Quill('#editor2', { + new Quill('#editor2', { theme: 'snow', }); }, []); @@ -36,7 +35,7 @@ const CreateBlog: FC = () => {
-
+
{
- +
-
+

{t('blog.blog_status')} @@ -103,15 +102,12 @@ const CreateBlog: FC = () => {

{t('blog.tags')}

- +

{t('blog.tag_hint')}

- - -
diff --git a/src/pages/discounts/CreateDiscount.tsx b/src/pages/discounts/CreateDiscount.tsx index 1109600..7657150 100644 --- a/src/pages/discounts/CreateDiscount.tsx +++ b/src/pages/discounts/CreateDiscount.tsx @@ -5,9 +5,8 @@ import Button from '../../components/Button' import SwitchComponent from '../../components/Switch' import { TickCircle, TickSquare, Refresh } from 'iconsax-react' import DatePickerComponent from '../../components/DatePicker' -import ImageUploader from './components/ImageUploader' import RadioGroup from '../../components/RadioGroup' -const CreateTicket: FC = () => { +const CreateDiscount: FC = () => { const { t } = useTranslation('global') return (
@@ -42,21 +41,18 @@ const CreateTicket: FC = () => { value: 'year' } ]} - onChange={''} + onChange={() => ''} selected={''} />
- -
- -
-
-
- - - - -
- -
- {t('discount.price')}
{ value: 'year' } ]} - onChange={''} + onChange={() => ''} selected={''} />
-
- - -
- - - - - - - - - -
{

{t('discount.availabe_service')}

- - - -
@@ -179,12 +148,9 @@ const CreateTicket: FC = () => {
-
-
) } - -export default CreateTicket \ No newline at end of file +export default CreateDiscount \ No newline at end of file diff --git a/src/pages/discounts/DiscountsList.tsx b/src/pages/discounts/DiscountsList.tsx index 7e660dc..7b6ac89 100644 --- a/src/pages/discounts/DiscountsList.tsx +++ b/src/pages/discounts/DiscountsList.tsx @@ -7,7 +7,7 @@ import { Link } from 'react-router-dom' import { Pages } from '../../config/Pages' import SwitchComponent from '../../components/Switch' import Input from '../../components/Input' -const TicketList: FC = () => { +const DiscountList: FC = () => { const { t } = useTranslation('global') return (
@@ -113,4 +113,4 @@ const TicketList: FC = () => { ) } -export default TicketList \ No newline at end of file +export default DiscountList \ No newline at end of file diff --git a/src/router/Main.tsx b/src/router/Main.tsx index f387636..86d8cf0 100644 --- a/src/router/Main.tsx +++ b/src/router/Main.tsx @@ -10,6 +10,7 @@ import CreateDiscount from '../pages/discounts/CreateDiscount' import AdsList from '../pages/ads/AdsList' import BlogList from '../pages/blog/BlogList' import CreateBlog from '../pages/blog/CreateBlog' +import BlogCategory from '../pages/blog/BlogCategory' import CreateAds from '../pages/ads/CreateAds' import TicketList from '../pages/ticket/TicketList' import CreateTicket from '../pages/ticket/CreateTicket' @@ -61,6 +62,7 @@ const MainRouter: FC = () => { } /> } /> } /> + } /> } /> } /> } />