Release 1.0.0

src/3_widgets/report/api/postSurchargeInformation.ts

@@ -2,7 +2,7 @@ import { PostSurchargeInformationRequest } from './DTO/PostSurchargeInformationR
 
 export async function postSurchargeInformation(request: PostSurchargeInformationRequest) {
 
-  const baseURL = `${import.meta.env.VITE_BASE_URL}/surcharge`
+  const baseURL = `${import.meta.env.VITE_BASE_URL}/api/surcharge`
 
   const response = await fetch(baseURL, {
     method: 'POST',

src/3_widgets/report/ui/components/PageHeader.tsx

@@ -10,7 +10,10 @@ export function PageHeader(props: IPageHeaderProps) {
         <p className='sm:text-5xl text-2xl font-bold text-center'>{props.placeName}</p>
       </div>
       <p className='text-center mt-10'>
-        Please upload a photo of the receipt or terminal screen📸
+        Please take or select a photo of the receipt or terminal screen for recognising surcharge information.
+      </p>
+      <p className='text-center font-bold'>
+        Please Note. When you report this information, the photo will be uploaded to the server to verify the information.
       </p>
     </div>
   )

src/3_widgets/report/ui/components/ReportButton.tsx

@@ -21,7 +21,7 @@ export function ReportButton(props: ReportButtonProps) {
       disabled={props.disabled}
       onClick={props.onClick}
     >
-      Report
+      📝Report
     </LoadingButton>
   )
 

src/3_widgets/report/ui/components/UploadButton.tsx

@@ -24,7 +24,7 @@ export function UploadButton(props: UploadButtonProps) {
       loading={props.loading}
       disabled={props.disabled}
     >
-      Upload
+      📸 or 🏞️
       <VisuallyHiddenInput
         type='file'
         accept='image/*'

src/6_shared/ui/errorAlert/ErrorAlert.tsx

@@ -15,7 +15,7 @@ export function ErrorAlert(props: ErrorAlertProps) {
       style={{ transform: props.isError ? 'translateY(0)' : 'translateY(100%)' }}
     >
       <Alert severity='error'>
-        Opps, there's something wrong, Please try again later.
+        Opps, something went wrong, Please try again later.
       </Alert>
     </div>
   )

src/6_shared/ui/surchargeStatus/help/StatusHelp.tsx

@@ -36,21 +36,21 @@ export function StatusHelp(props: StatusHelpProps) {
           <div className='flex flex-col gap-4'>
             <div className='flex items-center gap-2'>
               <Confirmed />
-              <p>The surcharge rate is confirmed by administrator.</p>
+              <p>The surcharge status is confirmed by us. It's highly likely to be accurate.\nBut still, it may be inaccurate. Please check the updated date in place detail.</p>
             </div>
             <div className='flex items-center gap-2'>
               <Reported />
-              <p>The surcharge rate is reported by someone but not confirmed, It may not be accurate.</p>
+              <p>The surcharge status is reported from someone who has passion to help others.\nHowever, it's not yet confirmed which means it may not be accurate.</p>
             </div>
             <div className='flex items-center gap-2'>
               <AutoGenerated />
-              <p>The surcharge rate is assumed, It may not be accurate.</p>
+              <p>Big franchises are unlikely to charge a surcharge, so we automatically set it to zero. However, this may not be accurate.</p>
             </div>
             {
               props.includingUnknown && (
                 <div className='flex items-center gap-2'>
                   <Unknown />
-                  <p>The surcharge rate is unknown.</p>
+                  <p>the surcharge status is not yet known. We welcome your report.</p>
                 </div>
               )
             }