add green checkmark

This commit is contained in:
Cloudburst 2022-09-14 12:08:52 +02:00 committed by GitHub
parent 2263bbe0b9
commit 4aba8e0a7d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 4 deletions

View file

@ -1,10 +1,14 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import CompatBtn from "../compatbtn"; import CompatBtn from "../compatbtn";
import { GoVerified } from "react-icons/go";
const RepoCard = ({ url, isFirst }) => { const RepoCard = ({ data, isFirst }) => {
const [data, setData] = useState(null) const [data, setData] = useState(null)
const url = (typeof data === 'string') ? data : data.url
const isVerified = (typeof data === 'object' && data.verified)
useEffect(() => { useEffect(() => {
fetch(url) fetch(url)
.then(r => r.json()) .then(r => r.json())
@ -18,8 +22,15 @@ const RepoCard = ({ url, isFirst }) => {
} }
return <article className="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 flex flex-row">
<h2 className="card-title">{data.name || "Unnamed"}</h2> <h2 className="card-title">
{isVerified &&
<div class="tooltip" data-tip="Verified safe">
<GoVerified class="stroke-current flex-shrink-0 h-6 w-6 success" />
</div>
}
{data.name || "Unnamed"}
</h2>
<p> <p>
{data.description || "No description provided"} {data.description || "No description provided"}
</p> </p>

View file

@ -8,7 +8,7 @@ order: 1
An Android app to stream and download Movies, TV-Shows and Animes An Android app to stream and download Movies, TV-Shows and Animes
This [open source app](https://github.com/recloudstream/cloudstream) can stream any media content from various sources This [open source app](https://github.com/recloudstream/cloudstream) can stream any media content from various sources
Check out the [FAQ](./faq.md) first! Check out the [FAQ](../faq.md) first!
### Disclaimer ⚠️ ### Disclaimer ⚠️
The app is purely for educational and personal use. The app is purely for educational and personal use.