From cd4c5716543b0c4f9a6d1bac4cc2709600e90f57 Mon Sep 17 00:00:00 2001
From: Kaan Koc <kaan1705@gmail.com>
Date: Wed, 16 Oct 2024 18:05:31 +0000
Subject: [PATCH] Changed input in address suggestion to use input component

---
 src/app/components/AddressSuggestions.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/components/AddressSuggestions.tsx b/src/app/components/AddressSuggestions.tsx
index b2ae2e8..e2f5986 100644
--- a/src/app/components/AddressSuggestions.tsx
+++ b/src/app/components/AddressSuggestions.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useRef, ChangeEvent, useEffect } from 'react';
+import Input from '@/app/components/Input';
 
 interface AddressSuggestionsProps {
   address: string;
@@ -98,15 +99,14 @@ const AddressSuggestions: React.FC<AddressSuggestionsProps> = ({ address, setAdd
   }, [postcode, setCity]);
 
   return (
-    <div className="relative mb-4">
-      <label htmlFor="address" className="block text-sm font-medium text-gray-700">Address</label>
-      <input
+    <div className="relative">
+      <Input
         id="address"
         type="text"
         value={address}
-        onChange={handleAddressChange}
-        className="mt-1 p-2 block w-full border border-gray-300 rounded-md shadow-sm"
+        setChange={handleAddressChange}
         required
+        label='Address'
       />
       {showSuggestions && addressSuggestions.length > 0 && (
         <ul ref={suggestionListRef} className="absolute z-50 w-full bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto">