Feat/admin/login #14
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| import{ create} from 'zustand'; | ||
| interface PaginationState { | ||
| currentPage: number; | ||
| setCurrentPage: (page: number) => void; | ||
| } | ||
|
|
||
| export const usePaginationStore = create<PaginationState>((set) => ({ | ||
| currentPage: 1, | ||
| setCurrentPage: (page) => set({ currentPage: page }), | ||
| })); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| import { useEffect, useState } from 'react'; | ||
|
There was a problem hiding this comment. Aren't these throwing errors? "useEffect" and "useState" are hooks and can't be used here. Just return the response data received. |
||
| import { OnlineDriver } from '@/types/data'; | ||
| import _ from 'lodash'; | ||
| import { Repository } from '@/repositories/Repository'; | ||
|
|
||
| export function useOnlineDrivers(repo: Repository): OnlineDriver[] | null { | ||
| const [onlineDrivers, setOnlineDrivers] = useState<OnlineDriver[] | null>(null); | ||
|
|
||
| useEffect(() => { | ||
| const fetchData = async () => { | ||
| try { | ||
| const data = await repo.getAllOnlineDriver(); | ||
| if (_.isArray(data)) { | ||
| setOnlineDrivers(data); | ||
| } else { | ||
| console.error('Data is not in the expected format:', data); | ||
| setOnlineDrivers(null); | ||
| } | ||
| } catch (error) { | ||
| console.error('Error fetching data:', error); | ||
| setOnlineDrivers(null); | ||
| } | ||
| }; | ||
|
|
||
| fetchData(); | ||
| }, [repo]); | ||
|
|
||
| return onlineDrivers; | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,105 @@ | ||
| import { useRepository } from '@/hooks/CustomHook'; | ||
| import { BlogPostFormData } from '@/types/data'; | ||
| import React from 'react'; | ||
| import { SubmitHandler, useForm } from 'react-hook-form'; | ||
| import toast from 'react-hot-toast'; | ||
| import BlogSection from './BlogSection'; | ||
|
|
||
| const BlogAdmin: React.FC = () => { | ||
| const { register, handleSubmit, formState: { errors } } = useForm<BlogPostFormData>(); | ||
| const repository = useRepository(); | ||
|
|
||
| const onSubmit: SubmitHandler<BlogPostFormData> = async (data ) => { | ||
| const formData = new FormData(); | ||
| formData.append('title', data.title); | ||
| formData.append('content', data.content); | ||
| if (data.photo) { | ||
| formData.append('blogImage', data.photo[0]); | ||
| } | ||
| if (data.video) { | ||
| formData.append('blogVideo', data.video[0]); | ||
| } | ||
|
|
||
| try { | ||
| const response = await repository.repo.createBlogPost(formData); | ||
| if (response) { | ||
| toast.success('Blog post submitted successfully!'); | ||
| console.log(data) | ||
| } else { | ||
| toast.error('Failed to submit blog post!'); | ||
| console.log(data) | ||
| } | ||
| } catch (error) { | ||
| console.error('Error submitting blog post:', error); | ||
| console.log(data) | ||
| toast.error('An error occurred while submitting blog post!'); | ||
| } | ||
| }; | ||
| return ( | ||
| <> | ||
| <div className="container mx-auto p-4 "> | ||
| <h1 className="text-3xl font-bold mb-4">Blog Section</h1> | ||
| <form onSubmit={handleSubmit(onSubmit)}> | ||
| <div className="mb-4"> | ||
| <label htmlFor="title" className="block text-sm font-medium text-gray-700 mb-1"> | ||
| Title | ||
| </label> | ||
| <input | ||
| type="text" | ||
| id="title" | ||
| {...register('title', { required: true })} | ||
| className="w-full mx-2 my-2 border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50 h-14" | ||
| /> | ||
| {errors.title && <span className="text-red-500">Title is required</span>} | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="content" className="block text-sm font-medium text-gray-700 mb-1"> | ||
| Content | ||
| </label> | ||
| <textarea | ||
| id="content" | ||
| {...register('content', { required: true })} | ||
| className="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50" | ||
| rows={8} | ||
| ></textarea> | ||
| {errors.content && <span className="text-red-500">Content is required</span>} | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="photo" className="block text-sm font-medium text-gray-700 mb-1"> | ||
| Photo | ||
| </label> | ||
| <input | ||
| type="file" | ||
| id="blogImage" | ||
| {...register('photo')} | ||
| className="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50" | ||
| /> | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="video" className="block text-sm font-medium text-gray-700 mb-1"> | ||
| Video | ||
| </label> | ||
| <input | ||
| type="file" | ||
| id="blogVideo" | ||
| {...register('video')} | ||
| className="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50" | ||
| accept="video/*" | ||
| /> | ||
| </div> | ||
| <div className="flex justify-center"> | ||
| <button | ||
| type="submit" | ||
| className="inline-block bg-indigo-500 text-white py-2 px-6 rounded-md hover:bg-indigo-600 focus:outline-none focus:ring focus:ring-indigo-200" | ||
| > | ||
| Publish | ||
| </button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <BlogSection /> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default BlogAdmin; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,101 @@ | ||
| import React from 'react' | ||
|
|
||
| function BlogSection() { | ||
| return ( | ||
| <> | ||
|
|
||
|
|
||
| <div className='grid grid-cols-3 gap-4 my-32'> | ||
| <div className="container mx-auto p-4 "> | ||
| <h1 className="text-3xl font-bold mb-4">Blog Section</h1> | ||
| <div className="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"> | ||
| <a href="#"> | ||
| <img className="rounded-t-lg" src="/docs/images/blog/image-1.jpg" alt="" /> | ||
| </a> | ||
| <div className="p-5"> | ||
| <a href="#"> | ||
| <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> | ||
| </a> | ||
| <p className="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> | ||
| <a href="#" className="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"> | ||
| Read more | ||
| <svg className="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"> | ||
| <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M1 5h12m0 0L9 1m4 4L9 9"/> | ||
| </svg> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div className="container mx-auto p-4"> | ||
| <h1 className="text-3xl font-bold mb-4">Blog Section</h1> | ||
| <div className="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"> | ||
| <a href="#"> | ||
| <img className="rounded-t-lg" src="/docs/images/blog/image-1.jpg" alt="" /> | ||
| </a> | ||
| <div className="p-5"> | ||
| <a href="#"> | ||
| <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> | ||
| </a> | ||
| <p className="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> | ||
| <a href="#" className="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"> | ||
| Read more | ||
| <svg className="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"> | ||
| <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M1 5h12m0 0L9 1m4 4L9 9"/> | ||
| </svg> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div className="container mx-auto p-4"> | ||
| <h1 className="text-3xl font-bold mb-4">Blog Section</h1> | ||
| <div className="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"> | ||
| <a href="#"> | ||
| <img className="rounded-t-lg" src="/docs/images/blog/image-1.jpg" alt="" /> | ||
| </a> | ||
| <div className="p-5"> | ||
| <a href="#"> | ||
| <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> | ||
| </a> | ||
| <p className="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> | ||
| <a href="#" className="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"> | ||
| Read more | ||
| <svg className="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"> | ||
| <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M1 5h12m0 0L9 1m4 4L9 9"/> | ||
| </svg> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div className="container mx-auto p-4"> | ||
| <h1 className="text-3xl font-bold mb-4">Blog Section</h1> | ||
| <div className="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"> | ||
| <a href="#"> | ||
| <img className="rounded-t-lg" src="/docs/images/blog/image-1.jpg" alt="" /> | ||
| </a> | ||
| <div className="p-5"> | ||
| <a href="#"> | ||
| <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5> | ||
| </a> | ||
| <p className="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> | ||
| <a href="#" className="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"> | ||
| Read more | ||
| <svg className="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"> | ||
| <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M1 5h12m0 0L9 1m4 4L9 9"/> | ||
| </svg> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export default BlogSection |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove these commented imports.