clubzella-comic-test-v1
Version:
A clubzella widget component library for React Native.
54 lines (53 loc) • 2.34 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_native_1 = require("react-native");
var react_1 = __importDefault(require("react"));
var SlideInPanel_1 = __importDefault(require("./SlideInPanel"));
var react_native_2 = require("react-native");
var ReadNow = function (_a) {
var _b = _a.open, open = _b === void 0 ? false : _b, setOpenComicsPanel = _a.setOpenComicsPanel;
return (<SlideInPanel_1.default visible={open}>
<react_native_1.View style={{ width: "100%" }}>
<react_native_1.View style={{
minHeight: 55,
backgroundColor: "#4F4F4FCC",
width: "100%",
borderRadius: 10,
padding: 8,
flexDirection: "row",
gap: 10,
alignItems: "center",
justifyContent: "space-between",
}}>
<react_native_1.View style={{
flexDirection: "row",
gap: 6,
alignItems: "center",
height: "100%",
maxWidth: "60%",
}}>
<react_native_2.Image src={"https://res.cloudinary.com/osaretinfrank/image/upload/v1746531388/assets/widget/cover_sse5r3.png"} style={{ height: "100%", width: 37, borderRadius: 5 }}/>
<react_native_1.View>
<react_native_1.Text style={{ fontSize: 11, color: "#fff", fontWeight: 600 }}>
Read Orisha warz today
</react_native_1.Text>
<react_native_1.Text style={{ fontSize: 11, color: "#CECCCC" }}>
New episodes available
</react_native_1.Text>
</react_native_1.View>
</react_native_1.View>
<react_native_1.TouchableOpacity activeOpacity={0.8} style={{
padding: 4,
borderRadius: 5,
backgroundColor: "#CF7D2C",
}} onPress={function () { return setOpenComicsPanel(true); }}>
<react_native_1.Text style={{ fontSize: 10, color: "#fff" }}>Read now</react_native_1.Text>
</react_native_1.TouchableOpacity>
</react_native_1.View>
</react_native_1.View>
</SlideInPanel_1.default>);
};
exports.default = ReadNow;