feat: photo

src/api/review/reviewApiIndex.ts

@@ -19,11 +19,12 @@ export const createReview = async (
   createReviewDto: CreateReviewDto,
   imagePrefix: string,
   restaurantID: string,
-  photoCategory: string
+  photoCategory: string,
+  fileExtension?: string
 ): Promise<Review> => {
   return apiClient.post(
     "",
-    { createReviewDto, imagePrefix, restaurantID },
+    { createReviewDto, imagePrefix, restaurantID, fileExtension },
     { params: { photoCategory } }
   );
 };

src/components/utils/inputs/FileInput.tsx

@@ -1,24 +1,24 @@
-type FileInputProps = {
+interface FileInputProps {
   label?: string;
   placeholder: string;
   value?: string | number;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
   type: React.HTMLInputTypeAttribute;
   className: string;
-};
+}
 
-const FileInput = ({
+const FileInput: React.FC<FileInputProps> = ({
   label,
   placeholder,
   onChange,
   type,
   className,
-}: FileInputProps) => {
+}) => {
   return (
     <div className="flex flex-col gap-1">
       {label && <label className="text-sm font-semibold">{label}</label>}
       <input
-        className={className}
+        className={`border border-gray-400 rounded-md p-2 ${className}`}
         type={type}
         placeholder={placeholder}
         onChange={onChange}

src/components/utils/inputs/NumberInput.tsx

@@ -1,22 +1,22 @@
-type NumberInputProps = {
+interface NumberInputProps {
   label: string;
   placeholder: string;
   value: number;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
   step: string;
   min?: number;
   max?: number;
-};
+}
 
-const TextInput = ({
+const NumberInput: React.FC<NumberInputProps> = ({
   label,
   placeholder,
   value,
   onChange,
   step,
   min,
   max,
-}: NumberInputProps) => {
+}) => {
   return (
     <div className="flex flex-col">
       <label>{label}</label>
@@ -34,4 +34,4 @@ const TextInput = ({
   );
 };
 
-export default TextInput;
+export default NumberInput;

src/components/utils/inputs/OpeningHoursInput.tsx

@@ -1,14 +1,19 @@
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 
-type DateInputProps = {
+interface OpeningHoursInputProps {
   label: string;
   placeholder: string;
   value: Date;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
+}
 
-const DateInput = ({ label, placeholder, value, onChange }: DateInputProps) => {
+const OpeningHoursInput: React.FC<OpeningHoursInputProps> = ({
+  label,
+  placeholder,
+  value,
+  onChange,
+}) => {
   return (
     <div className="flex flex-col">
       <label>{label}</label>
@@ -26,4 +31,4 @@ const DateInput = ({ label, placeholder, value, onChange }: DateInputProps) => {
   );
 };
 
-export default DateInput;
+export default OpeningHoursInput;

src/components/utils/inputs/SearchInput.tsx

@@ -1,25 +1,30 @@
 import { IoSearch } from "react-icons/io5";
 
-type SearchInputProps = {
+interface SearchInputProps {
   placeholder?: string;
   value: string;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
   type: React.HTMLInputTypeAttribute;
-};
+}
 
-const SearchInput: React.FC<SearchInputProps> = (props) => {
+const SearchInput: React.FC<SearchInputProps> = ({
+  placeholder,
+  value,
+  onChange,
+  type,
+}) => {
   return (
     <div className="flex items-center h-12 w-full">
       <input
         className="border border-gray-400 rounded-tl-md rounded-bl-md px-4 outline-none h-full w-full"
-        type={props.type}
-        placeholder={props.placeholder || ""}
-        value={props.value}
-        onChange={props.onChange}
+        type={type}
+        placeholder={placeholder || ""}
+        value={value}
+        onChange={onChange}
       />
       <button
         type="submit"
-        className="bg-gray-700 h-full w-14 flex justify-center items-center rounded-tr-md rounded-br-md"
+        className="bg-gray-700 h-full w-14 flex justify-center items-center rounded-tr-md rounded-br-md hover:scale-110 hover:rounded-sm duration-500"
       >
         <IoSearch color="#FFFFFF" />
       </button>