tubearchivist/tubearchivist-frontend
1
0
Fork 0
mirror of https://github.com/tubearchivist/tubearchivist-frontend.git synced 2024-11-22 11:50:14 +00:00
Code Issues Projects Releases Wiki Activity

chore: use env var for api url

Browse Source
This commit is contained in:
Sean Norwood 2022-04-06 18:31:05 +00:00
parent d86cf81719
commit 42ff29c13d
3 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
tubearchivist/www/next.config.js
View File

@ -1,5 +1,8 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const nextConfig = {
images: {
domains: ["localhost", "tube.stiforr.tech"],
},
experimental: { experimental: {
runtime: "nodejs", runtime: "nodejs",
}, },

4
tubearchivist/www/src/components/VideoList.tsx
View File

@ -43,7 +43,7 @@ export const VideoList = ({ videos }: { videos: Videos }) => {
light="false" light="false"
playing // TODO: Not currently working playing // TODO: Not currently working
playsinline playsinline
url={`http://localhost:8000/media/${selectedVideoUrl.media_url}`} url={`${process.env.NEXT_PUBLIC_TUBEARCHIVIST_URL}/media/${selectedVideoUrl.media_url}`}
/> />
<div className="player-title boxed-content"> <div className="player-title boxed-content">
<NextImage <NextImage
@ -171,7 +171,7 @@ export const VideoList = ({ videos }: { videos: Videos }) => {
<div className="video-thumb-wrap list"> <div className="video-thumb-wrap list">
<div className="video-thumb"> <div className="video-thumb">
<NextImage <NextImage
src={`http://localhost:8000/cache/${video.vid_thumb_url}`} src={`${process.env.NEXT_PUBLIC_TUBEARCHIVIST_URL}/cache/${video.vid_thumb_url}`}
alt="video-thumb" alt="video-thumb"
width={250} width={250}
height={141} height={141}

7
tubearchivist/www/src/pages/index.tsx
View File

@ -34,14 +34,17 @@ const Home: NextPage<{ videos: Videos }> = ({ videos }) => {
export default Home; export default Home;
export const getServerSideProps: GetServerSideProps = async (ctx) => { export const getServerSideProps: GetServerSideProps = async (ctx) => {
const response = await fetch("http://localhost:8000/api/video/", { const response = await fetch(
`${process.env.NEXT_PUBLIC_TUBEARCHIVIST_URL}/api/video/`,
{
headers: { headers: {
Accept: "application/json", Accept: "application/json",
"Content-Type": "application/json", "Content-Type": "application/json",
Authorization: `Token b4d4330462c7fc16c51873e45579b29a1a12fc90`, Authorization: `Token b4d4330462c7fc16c51873e45579b29a1a12fc90`,
mode: "no-cors", mode: "no-cors",
}, },
}); }
);
const videos = await response.json(); const videos = await response.json();
return { props: { videos } }; return { props: { videos } };