recloudstream/website
1
0
Fork 0
mirror of https://github.com/recloudstream/website.git synced 2024-08-15 03:18:45 +00:00
Code Issues Projects Releases Packages Wiki Activity

add a warning

Browse source
This commit is contained in:
Cloudburst 2022-09-01 09:56:43 +02:00 committed by GitHub
parent 71a5cc3c71
commit a0e92120b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/cards/repo.jsx
View file

@ -17,7 +17,7 @@ const RepoCard = ({ url, isFirst }) => {
return <progress className="progress progress-primary w-full mx-10 md:w-2/3 mb-5"></progress> return <progress className="progress progress-primary w-full mx-10 md:w-2/3 mb-5"></progress>
} }
return <article className="card card bg-base-200 shadow-xl w-full mx-10 md:w-2/3 mb-5"> return <article className="card bg-base-200 shadow-xl w-full mx-10 md:w-2/3 mb-5">
<div className="card-body"> <div className="card-body">
<h2 className="card-title">{data.name || "Unnamed"}</h2> <h2 className="card-title">{data.name || "Unnamed"}</h2>
<p> <p>

11
src/pages/repos.js
View file

@ -4,6 +4,8 @@ import Layout from "../components/layout"
import RepoCard from "../components/cards/repo" import RepoCard from "../components/cards/repo"
import bgImage from "../media/phones.png" import bgImage from "../media/phones.png"
import { TiWarning } from "react-icons/ti";
const IndexPage = () => { const IndexPage = () => {
const [repos, setRepos] = useState([]); const [repos, setRepos] = useState([]);
@ -17,6 +19,15 @@ const IndexPage = () => {
return <Layout> return <Layout>
<div className="flex items-center w-full flex-col"> <div className="flex items-center w-full flex-col">
<div className="alert alert-warning shadow-lg w-full mx-10 md:w-2/3 mb-5">
<div>
<TiWarning className="stroke-current flex-shrink-0 h-6 w-6"/>
<div>
<h3 className="font-bold text-xl">Keep in mind that the extensions can execute arbitrary code inside the app.</h3>
<span className="text-xs">This means you should treat them with the same level of scrutiny you treat any apps. Extensions can also read all of the Cloudstream's data.</span>
</div>
</div>
</div>
{repos && {repos &&
repos.map((it, index) => <RepoCard url={it} key={index} isFirst={index===0}/>) repos.map((it, index) => <RepoCard url={it} key={index} isFirst={index===0}/>)
} }