Merge pull request #21 from lexis-solutions/development

Merge branch 'development'

.github/workflows/release.yaml

@@ -29,7 +29,7 @@ jobs:
   docker:
     runs-on: ubuntu-latest
     env:
-      PUBLIC_URL: http://localhost:4000
+      PUBLIC_URL: http://localhost:7878
     steps:
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v1

Dockerfile

@@ -10,7 +10,7 @@ RUN yarn
 
 COPY . .
 
-EXPOSE 4000
+EXPOSE 7878
 
 RUN GENERATE_SOURCEMAP=false yarn build
 

README.md

@@ -49,22 +49,24 @@ const app = express();
 const agenda = new Agenda({ db: { address: 'mongodb://127.0.0.1/agendaDb' } });
 
 mountAgendaAdmin({
-  publicUrl: 'http://localhost:4000/agenda-admin',
+  publicUrl: 'http://localhost:7878/agenda-admin',
   expressApp: app,
   agenda
 });
 
-app.listen(4000);
+app.listen(7878);
 ```
 
 ---
 
 ### Docker usage
 
-The docker container exposes port 4000
+The docker container exposes port 7878
+
+At this point, AgendaAdmin does not support port re-mapping, so the container should be connected to port 7878 only
 
 ```
-docker run -p 4000:4000 \
+docker run -p 7878:7878 \
 --env CONNECTION_STRING=mongo://username:password@host/database \
 --env COLLECTION=collection lexissolutions/agenda-admin:latest
 ```

api/src/index.ts

@@ -8,7 +8,7 @@ try {
   getAgendaInstance()
     .start()
     .then(() => {
-      app.listen(4000, () => console.info('App running on port 4000'));
+      app.listen(7878, () => console.info('App running on port 7878'));
     });
 } catch (error: any) {
   console.error(error.message);

client/src/App.tsx

@@ -13,9 +13,6 @@ const App = () => {
         </div>
         <Header />
         <JobsTable />
-        <div className="p-4 m-4">
-          <span>No data found.</span>
-        </div>
         <Footer />
       </div>
     </div>

client/src/components/JobFilters.tsx

@@ -93,6 +93,7 @@ const JobFilters: React.FC = () => {
           <JobNamesAutocomplete
             renderInput={(props) => (
               <InputField
+                className="w-full"
                 showButton={!!jobName}
                 onClear={() => setJobName('')}
                 inputProps={{
@@ -149,6 +150,7 @@ const JobFilters: React.FC = () => {
         <div className="flex-1 form-control">
           <label className="label">Refresh Interval (seconds)</label>
           <InputField
+            className="w-full"
             showButton={false}
             onClear={() => null}
             inputProps={{