LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Fix broken urls. Closes https://github.com/owncast/owncast/issues/798

Browse Source
This commit is contained in:
Gabe Kangas 2021-03-25 20:06:29 -07:00
parent c33eda9c06
commit e244111bbb
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/config/edit-logo.tsx
View File

@ -16,6 +16,7 @@ import {
STATUS_PROCESSING, STATUS_PROCESSING,
STATUS_SUCCESS, STATUS_SUCCESS,
} from '../../utils/input-statuses'; } from '../../utils/input-statuses';
import { NEXT_PUBLIC_API_HOST } from '../../utils/apis';
const ACCEPTED_FILE_TYPES = ['image/svg+xml', 'image/png', 'image/jpeg', 'image/gif']; const ACCEPTED_FILE_TYPES = ['image/svg+xml', 'image/png', 'image/jpeg', 'image/gif'];
@ -88,6 +89,8 @@ export default function EditLogo() {
} }
}; };
const logoDisplayUrl = NEXT_PUBLIC_API_HOST + 'logo';
return ( return (
<div className="formfield-container logo-upload-container"> <div className="formfield-container logo-upload-container">
<div className="label-side"> <div className="label-side">
@ -96,7 +99,7 @@ export default function EditLogo() {
<div className="input-side"> <div className="input-side">
<div className="input-group"> <div className="input-group">
<img src={logoUrl || currentLogo || '/logo'} alt="avatar" className="logo-preview" /> <img src={logoDisplayUrl} alt="avatar" className="logo-preview" />
<Upload <Upload
name="logo" name="logo"
listType="picture" listType="picture"

5
web/components/config/edit-social-links.tsx
View File

@ -17,6 +17,7 @@ import isValidUrl from '../../utils/urls';
import TextField from './form-textfield'; import TextField from './form-textfield';
import { createInputStatus, STATUS_ERROR, STATUS_SUCCESS } from '../../utils/input-statuses'; import { createInputStatus, STATUS_ERROR, STATUS_SUCCESS } from '../../utils/input-statuses';
import FormStatusIndicator from './form-status-indicator'; import FormStatusIndicator from './form-status-indicator';
import { NEXT_PUBLIC_API_HOST } from '../../utils/apis';
const { Title } = Typography; const { Title } = Typography;
@ -176,10 +177,12 @@ export default function EditSocialLinks() {
return platform; return platform;
} }
const { icon, platform: platformName } = platformInfo; const { icon, platform: platformName } = platformInfo;
const iconUrl = NEXT_PUBLIC_API_HOST + `${icon.slice(1)}`;
return ( return (
<div className="social-handle-cell"> <div className="social-handle-cell">
<span className="option-icon"> <span className="option-icon">
<img src={`${icon}`} alt="" className="option-icon" /> <img src={ iconUrl } alt="" className="option-icon" />
</span> </span>
<p className="option-label"> <p className="option-label">
<strong>{platformName}</strong> <strong>{platformName}</strong>

4
web/components/config/social-icons-dropdown.tsx
View File

@ -39,10 +39,12 @@ export default function SocialDropdown({ iconList, selectedOption, onSelected }:
> >
{iconList.map(item => { {iconList.map(item => {
const { platform, icon, key } = item; const { platform, icon, key } = item;
const iconUrl = NEXT_PUBLIC_API_HOST + `${icon.slice(1)}`;
return ( return (
<Select.Option className="social-option" key={`platform-${key}`} value={key}> <Select.Option className="social-option" key={`platform-${key}`} value={key}>
<span className="option-icon"> <span className="option-icon">
<img src={`${icon}`} alt="" className="option-icon" /> <img src={iconUrl} alt="" className="option-icon" />
</span> </span>
<span className="option-label">{platform}</span> <span className="option-label">{platform}</span>
</Select.Option> </Select.Option>