0ec71b589d
* feat: add patterned background to boards * feat: setup dashboard 2.0 * fix: prevent patterned background from overlaying buttons * feat: set max width for main card view * feat: adjust colour scheme for card view * feat: adjust dashboard border colour scheme and radius * fix: use correct colour for description placeholder * fix: use getLayout to persist layout state across pages * feat: reduce max width for settings and members pages * feat: add feedback button and modal * feat: adjust page max width * feat: extend mobile layout support * fix: hide pro badge when collapsed * feat: tweak nav styling for light mode * feat: tweak skeleton loaders for board list * feat: extend list max height * fix: hide side nav right border on desktop * chore: update hero images * chore: update hero images for docs * chore: update translations
25 lines
532 B
TypeScript
25 lines
532 B
TypeScript
import dynamic from "next/dynamic";
|
|
|
|
const Lottie = dynamic(() => import("react-lottie-player"), { ssr: false });
|
|
|
|
interface IconProps {
|
|
isPlaying: boolean;
|
|
index: number;
|
|
json: object;
|
|
}
|
|
|
|
const Icon: React.FC<IconProps> = ({ isPlaying, index, json }) => {
|
|
return (
|
|
<Lottie
|
|
key={index}
|
|
animationData={json}
|
|
play={isPlaying}
|
|
loop={false}
|
|
style={{ width: 18, height: 18, fill: "white" }}
|
|
rendererSettings={{ preserveAspectRatio: "xMidYMid slice" }}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Icon;
|