diff --git a/.env.example b/.env.example
old mode 100644
new mode 100755
diff --git a/.gitignore b/.gitignore
old mode 100644
new mode 100755
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/kasiraja.zip b/kasiraja.zip
new file mode 100755
index 0000000..dfa77f5
Binary files /dev/null and b/kasiraja.zip differ
diff --git a/package-lock.json b/package-lock.json
old mode 100644
new mode 100755
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
diff --git a/public/index.html b/public/index.html
old mode 100644
new mode 100755
diff --git a/public/manifest.json b/public/manifest.json
old mode 100644
new mode 100755
diff --git a/public/robots.txt b/public/robots.txt
old mode 100644
new mode 100755
diff --git a/src/App.js b/src/App.js
old mode 100644
new mode 100755
diff --git a/src/App.test.js b/src/App.test.js
old mode 100644
new mode 100755
diff --git a/src/_nav.js b/src/_nav.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Alert.js b/src/components/Common/Alert.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/AlertChange.js b/src/components/Common/AlertChange.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Breadcrumb.js b/src/components/Common/Breadcrumb.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Card.js b/src/components/Common/Card.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/DatePickerFilter.js b/src/components/Common/DatePickerFilter.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Hooks.js b/src/components/Common/Hooks.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Input.js b/src/components/Common/Input.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Loading.js b/src/components/Common/Loading.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/ModalChange.js b/src/components/Common/ModalChange.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/Pagination.js b/src/components/Common/Pagination.js
old mode 100644
new mode 100755
diff --git a/src/components/Common/index.js b/src/components/Common/index.js
old mode 100644
new mode 100755
diff --git a/src/components/Layout/Header.js b/src/components/Layout/Header.js
old mode 100644
new mode 100755
diff --git a/src/components/Layout/Sidebar.js b/src/components/Layout/Sidebar.js
old mode 100644
new mode 100755
diff --git a/src/config.js b/src/config.js
old mode 100644
new mode 100755
diff --git a/src/context/AppContext.js b/src/context/AppContext.js
old mode 100644
new mode 100755
diff --git a/src/context/ErrorBoundary.js b/src/context/ErrorBoundary.js
old mode 100644
new mode 100755
diff --git a/src/context/constant.js b/src/context/constant.js
old mode 100644
new mode 100755
diff --git a/src/index.css b/src/index.css
old mode 100644
new mode 100755
diff --git a/src/index.js b/src/index.js
old mode 100644
new mode 100755
diff --git a/src/layouts/Dashboard.js b/src/layouts/Dashboard.js
old mode 100644
new mode 100755
diff --git a/src/layouts/_routeDashboard.js b/src/layouts/_routeDashboard.js
old mode 100644
new mode 100755
diff --git a/src/logo.svg b/src/logo.svg
old mode 100644
new mode 100755
diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js
old mode 100644
new mode 100755
diff --git a/src/service-worker.js b/src/service-worker.js
old mode 100644
new mode 100755
diff --git a/src/serviceWorkerRegistration.js b/src/serviceWorkerRegistration.js
old mode 100644
new mode 100755
diff --git a/src/setupTests.js b/src/setupTests.js
old mode 100644
new mode 100755
diff --git a/src/utils/index.js b/src/utils/index.js
old mode 100644
new mode 100755
diff --git a/src/views/auth/Api.js b/src/views/auth/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/auth/Login.js b/src/views/auth/Login.js
old mode 100644
new mode 100755
diff --git a/src/views/auth/Register.js b/src/views/auth/Register.js
old mode 100644
new mode 100755
diff --git a/src/views/categories/Api.js b/src/views/categories/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/categories/Create.js b/src/views/categories/Create.js
old mode 100644
new mode 100755
diff --git a/src/views/categories/Edit.js b/src/views/categories/Edit.js
old mode 100644
new mode 100755
diff --git a/src/views/categories/List.js b/src/views/categories/List.js
old mode 100644
new mode 100755
diff --git a/src/views/categories/Modal.js b/src/views/categories/Modal.js
old mode 100644
new mode 100755
diff --git a/src/views/categories/index.js b/src/views/categories/index.js
old mode 100644
new mode 100755
diff --git a/src/views/customers/Api.js b/src/views/customers/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/customers/Create.js b/src/views/customers/Create.js
old mode 100644
new mode 100755
diff --git a/src/views/customers/Edit.js b/src/views/customers/Edit.js
old mode 100644
new mode 100755
diff --git a/src/views/customers/List.js b/src/views/customers/List.js
old mode 100644
new mode 100755
diff --git a/src/views/customers/Modal.js b/src/views/customers/Modal.js
old mode 100644
new mode 100755
diff --git a/src/views/customers/index.js b/src/views/customers/index.js
old mode 100644
new mode 100755
diff --git a/src/views/dashboard/Api.js b/src/views/dashboard/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/dashboard/Dashboard.js b/src/views/dashboard/Dashboard.js
old mode 100644
new mode 100755
diff --git a/src/views/dashboard/index.js b/src/views/dashboard/index.js
old mode 100644
new mode 100755
diff --git a/src/views/errors/404.js b/src/views/errors/404.js
old mode 100644
new mode 100755
diff --git a/src/views/errors/500.js b/src/views/errors/500.js
old mode 100644
new mode 100755
diff --git a/src/views/products/Api.js b/src/views/products/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/products/Create.js b/src/views/products/Create.js
old mode 100644
new mode 100755
diff --git a/src/views/products/Edit.js b/src/views/products/Edit.js
old mode 100644
new mode 100755
diff --git a/src/views/products/List.js b/src/views/products/List.js
old mode 100644
new mode 100755
diff --git a/src/views/products/Modal.js b/src/views/products/Modal.js
old mode 100644
new mode 100755
diff --git a/src/views/products/index.js b/src/views/products/index.js
old mode 100644
new mode 100755
diff --git a/src/views/purchases/Api.js b/src/views/purchases/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/purchases/Create.js b/src/views/purchases/Create.js
old mode 100644
new mode 100755
diff --git a/src/views/purchases/Detail.js b/src/views/purchases/Detail.js
old mode 100644
new mode 100755
diff --git a/src/views/purchases/List.js b/src/views/purchases/List.js
old mode 100644
new mode 100755
diff --git a/src/views/purchases/index.js b/src/views/purchases/index.js
old mode 100644
new mode 100755
diff --git a/src/views/sales/Api.js b/src/views/sales/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/sales/Create.js b/src/views/sales/Create.js
old mode 100644
new mode 100755
diff --git a/src/views/sales/Detail.js b/src/views/sales/Detail.js
old mode 100644
new mode 100755
index eb42177..69545d8
--- a/src/views/sales/Detail.js
+++ b/src/views/sales/Detail.js
@@ -69,7 +69,7 @@ export default function Create(props) {
 
   return (
     <Flex direction="column">
-      <Breadcrumb main={["/sales", "penjualan", "detail"]}/>
+      <Breadcrumb main={['/sales', 'penjualan', 'detail']} />
       {error && (
         <Alert status="error" mb="5" rounded="md">
           <AlertIcon />
@@ -78,14 +78,34 @@ export default function Create(props) {
       )}
       <Flex>
         <Card flex="1">
-          <FormInput data={["kasir", casier, setCasier]} readOnly={true} bg="gray.200"/>
-          <FormInput data={["tangal", formatDate(date), setDate]} readOnly={true} bg="gray.200"/>
-          <FormInput data={["pelanggan", customer.name]} readOnly={true} bg="gray.200"/>
-          <FormInput data={["no. invoice", invoice, setInvoice]} readOnly={true} bg="gray.200"/>
-          <FormInputNumber data={["diskon", formatIDR(discount), setDiscount]} readOnly={true} bg="gray.200"/>
-          <Textarea 
+          <FormInput
+            data={['kasir', casier, setCasier]}
+            readOnly={true}
+            bg="gray.200"
+          />
+          <FormInput
+            data={['tangal', formatDate(date), setDate]}
+            readOnly={true}
+            bg="gray.200"
+          />
+          <FormInput
+            data={['pelanggan', customer.name]}
+            readOnly={true}
+            bg="gray.200"
+          />
+          <FormInput
+            data={['no. invoice', invoice, setInvoice]}
+            readOnly={true}
+            bg="gray.200"
+          />
+          <FormInputNumber
+            data={['diskon', formatIDR(discount), setDiscount]}
+            readOnly={true}
+            bg="gray.200"
+          />
+          <Textarea
             focusBorderColor="red.500"
-            placeholder="catatan" 
+            placeholder="catatan"
             value={note}
             readOnly={true}
             bg="gray.200"
@@ -93,7 +113,13 @@ export default function Create(props) {
         </Card>
         <Card flex="3">
           <Table px="3" mt="2" minH="27rem">
-            <Thead style={{display: "table", width: "calc( 100% )", tableLayout: "fixed"}}>
+            <Thead
+              style={{
+                display: 'table',
+                width: 'calc( 100% )',
+                tableLayout: 'fixed',
+              }}
+            >
               <Tr>
                 <Th>kode</Th>
                 <Th>nama</Th>
@@ -102,19 +128,28 @@ export default function Create(props) {
                 <Th isNumeric>subtotal</Th>
               </Tr>
             </Thead>
-            <Tbody style={{display: "block", maxHeight: "27rem", overflow: "auto", width: "100%"}}>
-              {items.map(item => (
-                <Tr key={item.id} style={{display: "table", width: "100%", tableLayout: "fixed"}}>
+            <Tbody
+              style={{
+                display: 'block',
+                maxHeight: '27rem',
+                overflow: 'auto',
+                width: '100%',
+              }}
+            >
+              {items.map((item) => (
+                <Tr
+                  key={item.id}
+                  style={{
+                    display: 'table',
+                    width: '100%',
+                    tableLayout: 'fixed',
+                  }}
+                >
                   <Td>{item.code}</Td>
                   <Td>{item.name}</Td>
                   <Td isNumeric>{formatIDR(item.price)}</Td>
-                  <Td isNumeric>
-                    
-                  </Td>
-                  <Td isNumeric>
-                    {formatIDR(item.price * item.quantity)}
-                  </Td>
-                  
+                  <Td isNumeric>{item.quantity}</Td>
+                  <Td isNumeric>{formatIDR(item.price * item.quantity)}</Td>
                 </Tr>
               ))}
             </Tbody>
@@ -124,9 +159,7 @@ export default function Create(props) {
               <Heading>Total</Heading>
             </Box>
             <Box>
-              <Heading>
-                {formatIDR(totalAmount)}
-              </Heading>
+              <Heading>{formatIDR(totalAmount)}</Heading>
             </Box>
           </Flex>
         </Card>
diff --git a/src/views/sales/List.js b/src/views/sales/List.js
old mode 100644
new mode 100755
diff --git a/src/views/sales/index.js b/src/views/sales/index.js
old mode 100644
new mode 100755
diff --git a/src/views/users/Api.js b/src/views/users/Api.js
old mode 100644
new mode 100755
diff --git a/src/views/users/Create.js b/src/views/users/Create.js
old mode 100644
new mode 100755
diff --git a/src/views/users/Edit.js b/src/views/users/Edit.js
old mode 100644
new mode 100755
diff --git a/src/views/users/List.js b/src/views/users/List.js
old mode 100644
new mode 100755
diff --git a/src/views/users/index.js b/src/views/users/index.js
old mode 100644
new mode 100755