feat: arabic localization.

client/src/containers/Items/ItemFormPage.js

@@ -10,9 +10,10 @@ import ItemForm from 'containers/Items/ItemForm';
  */
 export default function ItemFormPage() {
   const { id } = useParams();
- 
+  const idInteger = parseInt(id, 10);
+
   return (
-    <ItemFormProvider itemId={id}>
+    <ItemFormProvider itemId={idInteger}>
       <DashboardCard page>
         <ItemForm />
       </DashboardCard>

client/src/containers/Items/components.js

@@ -146,8 +146,6 @@ export const ItemsActionsTableCell = (props) => {
  * Retrieve all items table columns.
  */
 export const useItemsTableColumns = () => {
-  
-
   return React.useMemo(
     () => [
       {

client/src/containers/Purchases/Bills/BillForm/BillFormPage.js

@@ -8,9 +8,10 @@ import 'style/pages/Bills/PageForm.scss';
 
 export default function BillFormPage() {
   const { id } = useParams();
+  const idInt = parseInt(id, 10);
 
   return (
-    <BillFormProvider billId={id}>
+    <BillFormProvider billId={idInt}>
       <BillForm />
     </BillFormProvider>
   );

client/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.js

@@ -11,9 +11,10 @@ import { EstimateFormProvider } from './EstimateFormProvider';
  */
 export default function EstimateFormPage() {
   const { id } = useParams();
+  const idInteger = parseInt(id, 10);
 
   return (
-    <EstimateFormProvider estimateId={id}>
+    <EstimateFormProvider estimateId={idInteger}>
       <EstimateForm />
     </EstimateFormProvider>
   );

client/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage.js

@@ -11,9 +11,10 @@ import { InvoiceFormProvider } from './InvoiceFormProvider';
  */
 export default function InvoiceFormPage() {
   const { id } = useParams();
+  const idAsInteger = parseInt(id, 10);
 
   return (
-    <InvoiceFormProvider invoiceId={id}>
+    <InvoiceFormProvider invoiceId={idAsInteger}>
       <InvoiceForm />
     </InvoiceFormProvider>
   );

client/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormPage.js

@@ -9,10 +9,11 @@ import PaymentReceiveForm from './PaymentReceiveForm';
  */
 export default function PaymentReceiveFormPage() {
   const { id: paymentReceiveId } = useParams();
+  const paymentReceiveIdInt = parseInt(paymentReceiveId, 10);
 
   return (
-    <PaymentReceiveFormProvider paymentReceiveId={paymentReceiveId}>
-      <PaymentReceiveForm paymentReceiveId={paymentReceiveId} />
+    <PaymentReceiveFormProvider paymentReceiveId={paymentReceiveIdInt}>
+      <PaymentReceiveForm paymentReceiveId={paymentReceiveIdInt} />
     </PaymentReceiveFormProvider>
   );
 }

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.js

@@ -11,9 +11,10 @@ import { ReceiptFormProvider } from './ReceiptFormProvider';
  */
 export default function ReceiptFormPage() {
   const { id } = useParams();
+  const idInt = parseInt(id, 10);
 
   return (
-    <ReceiptFormProvider receiptId={id}>
+    <ReceiptFormProvider receiptId={idInt}>
       <ReceiptFrom />
     </ReceiptFormProvider>
   );