Fix: #104, #101 Button Alignment mobile and add credential refresh issue

index.html

@@ -7,7 +7,6 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>NordXDataspace (NXD)</title>
-    <link data-rh="true" rel="icon" href="./favicon.ico">
     <meta data-rh="true" property="og:image" content="https://nxd.foundation/img/nxd-social-v3.png">
     <meta data-rh="true" name="twitter:image" content="https://nxd.foundation/img/nxd-social-v3.png">
     <meta data-rh="true" property="og:locale" content="en_GB">

src/component/OrganisationDetails/OrgDetailsContainer.tsx

@@ -87,11 +87,12 @@ const OrganisationDetailsContainer = (props: Props) => {
 }
 
 const verifyConnectionObj = useAppSelector(
-  (state) => state?.gettingStart?.verifyConnection.data
+  (state) => state?.gettingStart?.data
 );
 
 const isVerify = verifyConnectionObj?.verification?.presentationState == 'verified';
 
+
 const handleChange = (e) => {
   const { name, value } = e.target;
   setFormValue({

src/container/Home/style.scss

@@ -167,7 +167,14 @@
         box-shadow: none;
 
         .actionListingBtn {
+            @include breakpoints.tabletAndDown {
+                flex-direction: column;
+            }
             .MuiButtonBase-root {
+                @include breakpoints.tabletAndDown {
+                    margin-left: 0px;
+                    width: 310px;
+                }
                 text-transform: unset;
                 border: 1px solid rgb(223, 223, 223);
                 background: white;

src/redux/actionCreators/gettingStart.ts

@@ -60,7 +60,7 @@ export const createVerificationAction = createAction(
 
 export const readVerificationAction = createAction(
   ActionTypes.READ_VERIFICATION_ACTION,
-  (startPoll) => ({
+  (startPoll?) => ({
     payload: startPoll
   }),
 );

src/redux/sagas/dataSourceSaga.ts

@@ -1,12 +1,10 @@
 import { put, takeLatest } from 'redux-saga/effects';
 import * as actionTypes from '../actionTypes/dataSource';
 import * as dataSourceAction from '../actionCreators/dataSource';
-import { doApiGet, doApiPost } from '../../utils/fetchWrapper';
+import { doApiGet } from '../../utils/fetchWrapper';
 import { ENDPOINTS } from '../../utils/apiEndpoints';
 
 export function* login(action) {
-//   const { email, password, callback } = action.payload;
-
   try {
     const listUrl = ENDPOINTS.dataSourceList();
     const res = yield doApiGet(listUrl);

src/redux/sagas/gettingStart.ts

@@ -1,15 +1,15 @@
-import { put, takeLatest, all, call } from 'redux-saga/effects';
+import { put, takeLatest } from 'redux-saga/effects';
 import * as actionTypes from '../actionTypes/getingStart';
 import * as gettingStartAction from '../actionCreators/gettingStart';
-import { doApiGet, doApiPost, doApiPut, doApiGetBlob } from '../../utils/fetchWrapper';
+import { doApiGet, doApiPost, doApiPut } from '../../utils/fetchWrapper';
 import { ENDPOINTS } from '../../utils/apiEndpoints';
-import { imageBlobToBase64 } from '../../utils/utils';
 
 export function* gettingStart() {
   try {
     const url = ENDPOINTS.gettingStart();
     const res = yield doApiGet(url);
     yield put(gettingStartAction.gettingStartActionSuccess(res));
+    yield put(gettingStartAction.readVerificationAction());
   } catch (error) {
     yield put(gettingStartAction.gettingStartActionFailure(error));
   }
@@ -50,7 +50,7 @@ export function* readVerification(action) {
     const startPoll = action.payload;
     const url = ENDPOINTS.verification();
     const res = yield doApiGet(url);
-    startPoll(res);
+    startPoll && startPoll(res);
     yield put(gettingStartAction.createVerificationSuccess(res));
   } catch(err) {
     yield put(gettingStartAction.createVerificationFailure(err));

webpack.config.js

@@ -48,7 +48,8 @@ module.exports = env => ({
     },
     plugins: [
         new HtmlWebpackPlugin({
-            template: path.join(__dirname, "/", "index.html")
+            template: path.join(__dirname, "/", "index.html"),
+            favicon: "./public/favicon.ico"
         }),
         new MiniCssExtractPlugin({
             filename: `[name].${timestamp}.css`,