Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-04 02:01:58 -05:00
Code Issues Activity

Wired facebook setting image upload

Browse source 
refs https://github.com/TryGhost/Team/issues/3318

- wires image upload to facebook setting
This commit is contained in:
Rishabh 2023-06-02 10:07:59 +05:30
parent 0f7fc2855e
commit d9b3eb7817
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ghost/admin-x-settings/src/components/settings/general/Facebook.tsx
View file

@ -1,9 +1,10 @@
import ImageUpload from '../../../admin-x-ds/global/ImageUpload'; import ImageUpload from '../../../admin-x-ds/global/ImageUpload';
import React from 'react'; import React, {useContext} from 'react';
import SettingGroup from '../../../admin-x-ds/settings/SettingGroup'; import SettingGroup from '../../../admin-x-ds/settings/SettingGroup';
import SettingGroupContent from '../../../admin-x-ds/settings/SettingGroupContent'; import SettingGroupContent from '../../../admin-x-ds/settings/SettingGroupContent';
import TextField from '../../../admin-x-ds/global/TextField'; import TextField from '../../../admin-x-ds/global/TextField';
import useSettingGroup from '../../../hooks/useSettingGroup'; import useSettingGroup from '../../../hooks/useSettingGroup';
import {FileService, ServicesContext} from '../../providers/ServiceProvider';
const Facebook: React.FC = () => { const Facebook: React.FC = () => {
const { const {
@ -17,7 +18,11 @@ const Facebook: React.FC = () => {
handleStateChange handleStateChange
} = useSettingGroup(); } = useSettingGroup();
const [facebookTitle, facebookDescription, siteTitle, siteDescription] = getSettingValues(['og_title', 'og_description', 'title', 'description']) as string[]; const {fileService} = useContext(ServicesContext) as {fileService: FileService};
const [
facebookTitle, facebookDescription, facebookImage, siteTitle, siteDescription
] = getSettingValues(['og_title', 'og_description', 'og_image', 'title', 'description']) as string[];
const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => { const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
updateSetting('og_title', e.target.value); updateSetting('og_title', e.target.value);
@ -27,12 +32,13 @@ const Facebook: React.FC = () => {
updateSetting('og_description', e.target.value); updateSetting('og_description', e.target.value);
}; };
const handleImageUpload = (file: File) => { const handleImageUpload = async (file: File) => {
alert(file.name); const imageUrl = await fileService.uploadImage(file);
updateSetting('og_image', imageUrl);
}; };
const handleImageDelete = () => { const handleImageDelete = () => {
alert('Delete Facebook image'); updateSetting('og_image', '');
}; };
const values = ( const values = (
@ -44,6 +50,7 @@ const Facebook: React.FC = () => {
<ImageUpload <ImageUpload
height='200px' height='200px'
id='twitter-image' id='twitter-image'
imageURL={facebookImage}
label='Upload Facebook image' label='Upload Facebook image'
onDelete={handleImageDelete} onDelete={handleImageDelete}
onUpload={handleImageUpload} onUpload={handleImageUpload}