mirror of
https://github.com/stashapp/stash.git
synced 2025-12-15 12:52:38 +01:00
24 lines
669 B
TypeScript
24 lines
669 B
TypeScript
import { Card } from "react-bootstrap";
|
|
import React from "react";
|
|
import { Link } from "react-router-dom";
|
|
import * as GQL from "src/core/generated-graphql";
|
|
|
|
interface IProps {
|
|
studio: GQL.StudioDataFragment;
|
|
}
|
|
|
|
export const StudioCard: React.FC<IProps> = ({ studio }) => {
|
|
return (
|
|
<Card className="studio-card">
|
|
<Link
|
|
to={`/studios/${studio.id}`}
|
|
className="studio previewable image"
|
|
style={{ backgroundImage: `url(${studio.image_path})` }}
|
|
/>
|
|
<div className="card-section">
|
|
<h5 className="text-truncate">{studio.name}</h5>
|
|
<span>{studio.scene_count} scenes.</span>
|
|
</div>
|
|
</Card>
|
|
);
|
|
};
|