-
+
{categoryMetadata.length > 0 ?
- categoryMetadata.map((item, index) => (
+ categoryMetadata.map((item) => (
)) : }
-
+
-
);
diff --git a/frontend/editable-ui/src/components/home.jsx b/frontend/editable-ui/src/components/home.jsx
index 2db3951..e49694a 100755
--- a/frontend/editable-ui/src/components/home.jsx
+++ b/frontend/editable-ui/src/components/home.jsx
@@ -5,7 +5,7 @@ import MediaUpload from './shared/media-upload'
import EditableMediaService from '../services/editable-media-service'
function HomePage(props) {
- const [introContent, setIntroContent] = useState("")
+ const [introContent, setIntroContent] = useState('')
const [profilePhoto, setProfilePhoto] = useState(false)
const [nameFieldInvalid, setNameFieldInvalid] = useState(false)
const [modal, setModal] = useState(false)
@@ -16,21 +16,19 @@ function HomePage(props) {
const setInfo = async () => {
let response = await props.setInfo('/data/shared/update/user-data/', {
- "name": nameField.current.value,
- "intro_content": introContent,
- "profile_photo": profilePhoto ? profilePhoto !== '-' ? profilePhoto : '' : UserData.profilePhoto
+ 'name': nameField.current.value,
+ 'intro_content': introContent,
+ 'profile_photo': profilePhoto ? profilePhoto !== '-' ? profilePhoto : '' : UserData.profilePhoto
})
- console.log(response)
if (response === 200)
- props.notificationToggler("Data saved successfully!")
+ props.notificationToggler('Data saved successfully!')
if ([500, 404, 403, 400].includes(response))
- props.notificationToggler("Something failed!", "danger")
+ props.notificationToggler('Something failed!', 'danger')
}
const toggle = () => {setModal(!modal)}
const showError = (elementValue, fieldType) => {
- console.log(elementValue)
if (fieldType === 'nameField'){
if (elementValue === '')
setNameFieldInvalid(true)
@@ -54,54 +52,52 @@ function HomePage(props) {
return (
-
-
-
+
+
+
-
- {UserData.profilePhoto !== "" && (
- })
+
+ {UserData.profilePhoto !== '' && (
+
)}
-
+
-
-
+
-
+
-
-
-
+
+
+
Name
showError(nameField.current.value, 'nameField')}/>
- {nameFieldInvalid &&
+ {nameFieldInvalid &&
This field cannot be empty
}
-
-
+
-
);
}
diff --git a/frontend/editable-ui/src/components/shared/card-list-viewer.jsx b/frontend/editable-ui/src/components/shared/card-list-viewer.jsx
index 56b9aae..7c1178c 100755
--- a/frontend/editable-ui/src/components/shared/card-list-viewer.jsx
+++ b/frontend/editable-ui/src/components/shared/card-list-viewer.jsx
@@ -46,11 +46,11 @@ function CardListViewer(props) {
setTaglineFieldInvalid(false)
}
props.addToIdsToUpdate({
- "id": props.id,
- "name": nameField.current.value,
- "featuredBlog": "",
- "description": descriptionField.current.value,
- "tagLine": taglineField.current.value,
+ 'id': props.id,
+ 'name': nameField.current.value,
+ 'featuredBlog': '',
+ 'description': descriptionField.current.value,
+ 'tagLine': taglineField.current.value,
})
}
@@ -71,71 +71,71 @@ function CardListViewer(props) {
if (props.resourceType === 'categories')
return (
<>
-
-
-
-
-
-
- Name
-
- handleInputUpdate(nameField.current.value, 'nameField')}/>
- {nameFieldInvalid ?
- This field cannot be empty
- :''}
-
-
-
-
-
- Description
-
- handleInputUpdate(descriptionField.current.value, 'descriptionField')}/>
- {descriptionFieldInvalid ?
- This field cannot be empty
- :''}
-
-
-
-
+
+
+
+
- Tagline
+ Name
- handleInputUpdate(taglineField.current.value, 'taglineField')} />
- {taglineFieldInvalid ?
- This field cannot be empty
- :''}
+ handleInputUpdate(nameField.current.value, 'nameField')}/>
+ {nameFieldInvalid ?
+ This field cannot be empty
+ :''}
-
-
-
-
- Open this resource
-
-
-
-
-
+
+
+
+
+ Description
+
+ handleInputUpdate(descriptionField.current.value, 'descriptionField')}/>
+ {descriptionFieldInvalid ?
+ This field cannot be empty
+ :''}
+
+
+
+
+
+
+ Tagline
+
+ handleInputUpdate(taglineField.current.value, 'taglineField')} />
+ {taglineFieldInvalid ?
+ This field cannot be empty
+ :''}
+
+
+
+
+
+ Open this resource
+
+
+
+
+
)
else
return (
-
- {itemObject.coverImage !== "" ? : ""}
+
+ {itemObject.coverImage !== '' ? : ''}
-
- {itemObject.name}
-
-
- {itemObject.description}
-
-
-
+
+ {itemObject.name}
+
+
+ {itemObject.description}
+
+
+
{itemObject.tagLine}
-
-
+
+
@@ -158,6 +158,6 @@ function CardListViewer(props) {
}
else
return(No items found in this section
)
- }
+}
export default CardListViewer
\ No newline at end of file
diff --git a/frontend/editable-ui/src/components/shared/category-bar.jsx b/frontend/editable-ui/src/components/shared/category-bar.jsx
index 1e77431..bbf77bd 100755
--- a/frontend/editable-ui/src/components/shared/category-bar.jsx
+++ b/frontend/editable-ui/src/components/shared/category-bar.jsx
@@ -9,20 +9,20 @@ function CategoryBar(props) {
const setCategoryData = () => {
EditableDataService.getData('/data/category/').then(response => {
- let responseData = response.data
- let localCategoryMetadata = []
- for (let eachResponse of responseData){
- localCategoryMetadata.push({
- "id": eachResponse["category_id"],
- "name": eachResponse["name"],
- "featuredBlog": eachResponse["featured_id"],
- "description": eachResponse["description"],
- "tagLine": eachResponse["tagline"],
- "coverImage": eachResponse["cover_image"]
- })
- }
- setCategoryMetadata(localCategoryMetadata)
+ let responseData = response.data
+ let localCategoryMetadata = []
+ for (let eachResponse of responseData){
+ localCategoryMetadata.push({
+ 'id': eachResponse['category_id'],
+ 'name': eachResponse['name'],
+ 'featuredBlog': eachResponse['featured_id'],
+ 'description': eachResponse['description'],
+ 'tagLine': eachResponse['tagline'],
+ 'coverImage': eachResponse['cover_image']
+ })
}
+ setCategoryMetadata(localCategoryMetadata)
+ }
);
}
useEffect(() => {
@@ -39,32 +39,32 @@ function CategoryBar(props) {
const GlobalTheme = props.GlobalTheme;
const ThemeConfig = props.ThemeConfig;
if (GlobalTheme && ThemeConfig)
- return (
-
-
-
-
-
- {categoryMetadata.length > 0 ?
- categoryMetadata.map((item, index) => (
-
- )) :
- }
-
-
-
-
-
- );
-};
+ return (
+
+
+
+
+
+ {categoryMetadata.length > 0 ?
+ categoryMetadata.map((item) => (
+
+ )) :
+ }
+
+
+
+
+
+ );
+}
export default CategoryBar;
\ No newline at end of file
diff --git a/frontend/editable-ui/src/components/shared/file-component.jsx b/frontend/editable-ui/src/components/shared/file-component.jsx
index e3ee623..1c31ac8 100644
--- a/frontend/editable-ui/src/components/shared/file-component.jsx
+++ b/frontend/editable-ui/src/components/shared/file-component.jsx
@@ -4,8 +4,6 @@ import EditableDataService from '../../services/editable-data-service';
function FileComponent(props) {
const [file, setFile] = useState(null);
- const [resourceType, setResourceType] = useState('');
- const [resourceId, setResourceId] = useState('');
const handleFileChange = (event) => {
setFile(event.target.files[0]); // Assuming single file upload
@@ -20,7 +18,7 @@ function FileComponent(props) {
formData.append('resource_id', props.resourceId);
try {
- const response = await EditableDataService.createData('/data/upload/', formData);
+ await EditableDataService.createData('/data/upload/', formData);
props.notificationToggler('Media uploaded successfully')
} catch (error) {
props.notificationToggler('Media upload failed', 'danger')
diff --git a/frontend/editable-ui/src/components/shared/footer.jsx b/frontend/editable-ui/src/components/shared/footer.jsx
index ad6555d..f2ded82 100755
--- a/frontend/editable-ui/src/components/shared/footer.jsx
+++ b/frontend/editable-ui/src/components/shared/footer.jsx
@@ -4,14 +4,12 @@ import {
Container,
Row,
Col,
- Nav,
- NavLink,
Spinner,
Button,
ButtonGroup
} from 'reactstrap';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faSun, faMoon, faPen, faBrush } from '@fortawesome/free-solid-svg-icons';
+import { faBrush } from '@fortawesome/free-solid-svg-icons';
const Footer = (props) => {
const GlobalTheme = props.GlobalTheme;
@@ -21,67 +19,67 @@ const Footer = (props) => {
const setInfo = async (colorArea, color) => {
let localThemeConfig = {...ThemeConfig}
localThemeConfig[GlobalTheme].footer[colorArea] = `${color}`
- let response = await props.setInfo('/data/shared/update/theme-config/', GlobalTheme === "darkTheme" ? {
- "dark_theme": JSON.stringify(localThemeConfig[GlobalTheme]),
+ let response = await props.setInfo('/data/shared/update/theme-config/', GlobalTheme === 'darkTheme' ? {
+ 'dark_theme': JSON.stringify(localThemeConfig[GlobalTheme]),
}:{
- "light_theme": JSON.stringify(localThemeConfig[GlobalTheme]),
+ 'light_theme': JSON.stringify(localThemeConfig[GlobalTheme]),
})
if (response === 200)
props.notificationToggler(`Color set for ${ThemeConfig[GlobalTheme].theme} successfully!`)
if ([500, 404, 403].includes(response))
- props.notificationToggler("Something failed!", "danger")
+ props.notificationToggler('Something failed!', 'danger')
}
return (
-