new release

Author: ashwin31

.gitignore

@@ -23,4 +23,3 @@ yarn-debug.log*
 yarn-error.log*
 .env
 package-lock.json
-yarn.lock

.runcode.yaml

@@ -1,5 +1,6 @@
 onCreate:
  - sudo apt-get update -y
+ - sudo apt-get upgrade -y
  - sudo corepack enable
  - yarn
  - cp ENV.md .env

Dockerfile

@@ -1,3 +1,4 @@
 # List of env variables
 
-REACT_APP_BASE_URL= "https://8000-wispy-waterfall-04823641.eu-ws2.runcode.io/api/"
+#Replace your django-crm API URL below
+REACT_APP_BASE_URL= "https://api.bottle-dev.com/api/"

ENV.md

@@ -2,33 +2,8 @@
 
 CRM UI developed in react for django-crm
 
-## Runcode 
+[![RunCode](https://runcode-app-public.s3.amazonaws.com/images/dark_btn.png)](https://runcode.io)
 
-
-Runcode is online developer workspace. It is cloud based simple, secure and ready to code workspaces, assuring high performance & fully configurable coding environment. With runcode you can run react-crm(UI) with one-click.
-
-- Before running react-crm(UI), You need to have django-crm API. To create Backend API go to [Django CRM](https://github.com/MicroPyramid/Django-CRM "Django CRM") project to cretae new workpsace with runcode.
-
-- After running Backend API, Open below link to create react-crm workspace on [RunCode](https://runcode.io/ "RunCode"). It will cretae react-crm UI
-
- [![RunCode](https://runcode-app-public.s3.amazonaws.com/images/dark_btn.png)](https://runcode.io)
-
-### Environment variables
-Add below key to your **.env** file with django-crm backend api URL.
-```
-REACT_APP_BASE_URL=https://<your-backend-url.com>/api/
-```
-
-### Coding standards to follow
+### standards to follow
 * two space indentation
 * images should have img_ prefix
-standard from https://github.com/standard/eslint-config-standard
-\
-]
-
-### Docker / docker-compose
-To run project please run the next commands after cloning repo:
-```
-docker-compose build
-docker-compose up
-```

README.md

@@ -1,14 +1,14 @@
 {
- "name": "react-crm",
+ "name": "workspace",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
  "@emotion/react": "^11.10.0",
  "@emotion/styled": "^11.10.0",
- "@material-ui/icons": "4.11.3",
- "@mui/icons-material": "5.8.4",
- "@mui/material": "5.10.0",
- "@mui/styles": "5.9.3",
+ "@material-ui/icons": "^4.11.3",
+ "@mui/icons-material": "^5.8.4",
+ "@mui/material": "^5.10.0",
+ "@mui/styles": "^5.9.3",
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.3.0",
  "@testing-library/user-event": "^14.4.3",
@@ -44,9 +44,5 @@
  "last 1 firefox version",
  "last 1 safari version"
  ]
- },
- "devDependencies": {
- "npm-check-updates": "^16.3.8",
- "standard": "^17.0.0"
  }
 }

docker-compose.yml

@@ -1,24 +1,24 @@
-import React from 'react'
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
-import { Registration } from './containers/auth/Register'
-import { LogIn } from './containers/auth/Login'
-import { ForgotPassword } from './containers/auth/ForgotPassword'
-import { Home } from './containers/Home/Home'
+import React from "react";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { Registration } from "./containers/auth/Register";
+import { LogIn } from "./containers/auth/Login";
+import { ForgotPassword } from "./containers/auth/ForgotPassword";
+import { Home } from "./containers/Home/Home";
 
-function App () {
+function App() {
  return (
  <div>
  <Router>
  <Routes>
- <Route path='*' element={<Home />} />
- <Route path='/register' element={<Registration />} />
- <Route path='/login' element={<LogIn />} />
- <Route path='/forgotpassword' element={<ForgotPassword />} />
-
+ <Route path="*" element={<Home />} />
+ <Route path="/register" element={<Registration />} />
+ <Route path="/login" element={<LogIn />} />
+ <Route path="/forgotpassword" element={<ForgotPassword />} />
+ 
  </Routes>
  </Router>
  </div>
- )
+ );
 }
 
-export default App
+export default App;

package.json

@@ -1,8 +1,8 @@
-import { render, screen } from '@testing-library/react'
-import App from './App'
+import { render, screen } from '@testing-library/react';
+import App from './App';
 
 test('renders learn react link', () => {
- render(<App />)
- const linkElement = screen.getByText(/learn react/i)
- expect(linkElement).toBeInTheDocument()
-})
+ render(<App />);
+ const linkElement = screen.getByText(/learn react/i);
+ expect(linkElement).toBeInTheDocument();
+});

src/App.js

@@ -1,47 +1,43 @@
-import React from 'react'
+import React, { useState } from 'react';
 import {
  Dialog,
  DialogTitle,
  DialogActions,
  Button,
  DialogContent,
  DialogContentText
-} from '@mui/material'
+} from "@mui/material";
 
 export const AlertDelete = (props) => {
  return (
  <Dialog
- aria-labelledby='alert-dialog-title'
- aria-describedby='alert-dialog-description'
- onClose={() => props.onClose()} open={props.isDelete}
- >
+ aria-labelledby="alert-dialog-title"
+ aria-describedby="alert-dialog-description"
+ onClose={() => props.onClose()} open={props.isDelete}>
  <DialogTitle
  style={{
- padding: '15px',
- width: '500px',
- color: 'black'
- }}
- >Are you sure want to delete this lead?
+ padding: "15px",
+ width: "500px",
+ color: "black"
+ }}>Are you sure want to delete this lead?
  </DialogTitle>
  <DialogContent>
- <DialogContentText style={{ fontSize: '14px' }}>
- {props.lead.title}
+ <DialogContentText style={{ fontSize: "14px" }}>
+ { props.lead.title }
  </DialogContentText>
  </DialogContent>
  <DialogActions>
  <Button
  onClick={() => props.onClose()}
- style={{ textTransform: 'capitalize' }}
- >
+ style={{ textTransform: "capitalize" }}>
  Cancel
  </Button>
  <Button
  onClick={() => props.onDelete(props.lead.id)}
- style={{ textTransform: 'capitalize', backgroundColor: '#3E79F7', color: 'white', height: '30px' }}
- >
+ style={{ textTransform: "capitalize", backgroundColor: "#3E79F7", color: "white", height: "30px" }}>
  Yes
  </Button>
  </DialogActions>
  </Dialog>
  )
-}
+}