diff --git a/audience-app/src/App.tsx b/audience-app/src/App.tsx
index 77df29b8..e14d2507 100644
--- a/audience-app/src/App.tsx
+++ b/audience-app/src/App.tsx
@@ -1,37 +1,12 @@
import React from "react";
-import { HashRouter, Route, Routes, Navigate } from "react-router-dom";
import ConfigScreen from "./Config";
-import RTE from "./RTE";
-/** HomeRedirectHandler - component to nandle redirect based on the window location pathname,
- as react Router does not identifies pathname if the app is rendered in an iframe.
-*/
-const HomeRedirectHandler = function () {
- if (window?.location?.pathname !== "/") {
- return ;
- }
- return null;
-};
-
-/* App - The main app component that should be rendered */
const App: React.FC = function () {
- // console.log("APP RENDERED")
return (
- {/*
-
- } />
- } />
- } />
-
- */}
);
};
-export default App;
-
-
-// contentstack web : url: http//localhost:3000
-//when http://localhost:3000/rte -> fetch(`url/fetch`) -> js code -> state ->
\ No newline at end of file
+export default App;
\ No newline at end of file
diff --git a/audience-app/src/Config/index.tsx b/audience-app/src/Config/index.tsx
index 8bd36047..5e6deae6 100644
--- a/audience-app/src/Config/index.tsx
+++ b/audience-app/src/Config/index.tsx
@@ -1,32 +1,20 @@
-/* Import React modules */
import React, { useState, useEffect } from "react";
-/* Import other node modules */
import {
Field,
FieldLabel,
TextInput,
} from "@contentstack/venus-components";
-// For all the available venus components, please refer below doc
-// https://venus-storybook.contentstack.com/?path=/docs/components-textinput--default
import ContentstackAppSdk from "@contentstack/app-sdk";
-/* Import our modules */
import localeTexts from "../common/locale/en-us";
import utils from "../common/utils";
import { TypeAppSdkConfigState } from "../common/types";
-// import { getDataFromAPI } from '../../services'; //If no services are required, this can be removed\
-/* Import node module CSS */
import "@contentstack/venus-components/build/main.css";
-/* Import our CSS */
-//@ts-ignore
import styles from "./style.module.css";
const ConfigScreen: React.FC = function () {
const [state, setState] = useState({
installationData: {
configuration: {
- /* Add all your config fields here */
- /* The key defined here should match with the name attribute
- given in the DOM that is being returned at last in this component */
content_type: "",
field: "",
group_title: ""
@@ -41,7 +29,6 @@ const ConfigScreen: React.FC = function () {
ContentstackAppSdk.init().then(async (appSdk) => {
const sdkConfigData = appSdk?.location?.AppConfigWidget;
if (sdkConfigData) {
- console.log("sdkConfigData: ",sdkConfigData)
const installationDataFromSDK =
//@ts-ignore
await sdkConfigData.installation.getInstallationData();
@@ -58,14 +45,9 @@ const ConfigScreen: React.FC = function () {
});
}
});
- // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
- /** updateConfig - Function where you should update the state variable
- * Call this function whenever any field value is changed in the DOM
- * */
const updateConfig = async (e: any) => {
- // eslint-disable-next-line prefer-const
let { name: fieldName, value: fieldValue } = e.target;
const updatedConfig = state?.installationData?.configuration || {};
updatedConfig[fieldName] = fieldValue;
@@ -84,49 +66,28 @@ const ConfigScreen: React.FC = function () {
return true;
};
- /* If need to get any data from API then use,
- getDataFromAPI({queryParams, headers, method, body}) function.
- Refer services/index.ts for more details and update the API
- call there as per requirement. */
-
return (
);
};
export default App;
-
-
-// contentstack web : url: http//localhost:3000
-//when http://localhost:3000/rte -> fetch(`url/fetch`) -> js code -> state ->
\ No newline at end of file
diff --git a/variable-app/src/Config/index.tsx b/variable-app/src/Config/index.tsx
index 078fcfab..6d8b48c8 100644
--- a/variable-app/src/Config/index.tsx
+++ b/variable-app/src/Config/index.tsx
@@ -1,22 +1,14 @@
-/* Import React modules */
import React, { useState, useEffect } from "react";
-/* Import other node modules */
import {
Field,
FieldLabel,
TextInput,
} from "@contentstack/venus-components";
-// For all the available venus components, please refer below doc
-// https://venus-storybook.contentstack.com/?path=/docs/components-textinput--default
import ContentstackAppSdk from "@contentstack/app-sdk";
-/* Import our modules */
import localeTexts from "../common/locale/en-us";
import utils from "../common/utils";
import { TypeAppSdkConfigState } from "../common/types";
-// import { getDataFromAPI } from '../../services'; //If no services are required, this can be removed\
-/* Import node module CSS */
import "@contentstack/venus-components/build/main.css";
-/* Import our CSS */
//@ts-ignore
import styles from "./style.module.css";
@@ -24,9 +16,6 @@ const ConfigScreen: React.FC = function () {
const [state, setState] = useState({
installationData: {
configuration: {
- /* Add all your config fields here */
- /* The key defined here should match with the name attribute
- given in the DOM that is being returned at last in this component */
content_type: "",
field: "",
},
@@ -40,7 +29,6 @@ const ConfigScreen: React.FC = function () {
ContentstackAppSdk.init().then(async (appSdk) => {
const sdkConfigData = appSdk?.location?.AppConfigWidget;
if (sdkConfigData) {
- console.log("sdkConfigData: ",sdkConfigData)
const installationDataFromSDK =
//@ts-ignore
await sdkConfigData.installation.getInstallationData();
@@ -57,14 +45,9 @@ const ConfigScreen: React.FC = function () {
});
}
});
- // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
- /** updateConfig - Function where you should update the state variable
- * Call this function whenever any field value is changed in the DOM
- * */
const updateConfig = async (e: any) => {
- // eslint-disable-next-line prefer-const
let { name: fieldName, value: fieldValue } = e.target;
const updatedConfig = state?.installationData?.configuration || {};
updatedConfig[fieldName] = fieldValue;
@@ -83,49 +66,28 @@ const ConfigScreen: React.FC = function () {
return true;
};
- /* If need to get any data from API then use,
- getDataFromAPI({queryParams, headers, method, body}) function.
- Refer services/index.ts for more details and update the API
- call there as per requirement. */
-
return (
- {/* */}
);
diff --git a/variable-app/src/common/locale/en-us/index.ts b/variable-app/src/common/locale/en-us/index.ts
index 212041a0..94a0ca7c 100644
--- a/variable-app/src/common/locale/en-us/index.ts
+++ b/variable-app/src/common/locale/en-us/index.ts
@@ -2,15 +2,11 @@ const localeTexts = {
configFields: {
field1: {
label: "Content Type UID",
- // help: "Help text for field 1",
placeholder: "content_type_uid",
- // instruction: "Instruction for field 1",
},
field2: {
label: "Field",
- // help: "Help text for field 2",
placeholder: "field_uid",
- // instruction: "Instruction for field 2",
},
},
};