clubzella-comic-test-v1
Version:
A clubzella widget component library for React Native.
36 lines (35 loc) • 1.94 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 EpisodeCard_1 = __importDefault(require("././EpisodeCard"));
var NewReleases = function (_a) {
var handleSetEpisode = _a.handleSetEpisode, openInComicsPanel = _a.openInComicsPanel, setOpenInComicsPanel = _a.setOpenInComicsPanel, episodes = _a.episodes;
return (<>
<react_native_1.View style={{ gap: 10, paddingBottom: 20 }}>
<react_native_1.Text style={{ fontWeight: 600 }}>New Releases</react_native_1.Text>
<react_native_1.View>
<react_native_1.View style={{
flexDirection: "row",
justifyContent: "space-between",
flexWrap: "wrap",
gap: 10,
}}>
{episodes.map(function (episode, index) {
var _a;
return (<react_native_1.TouchableOpacity key={index} style={{ width: "31%" }} onPress={function () {
handleSetEpisode(episode);
setOpenInComicsPanel(!openInComicsPanel);
}}>
<EpisodeCard_1.default cover_img={(_a = episode === null || episode === void 0 ? void 0 : episode.cover_file) === null || _a === void 0 ? void 0 : _a.media_url} episode={episode === null || episode === void 0 ? void 0 : episode.id} series={episode === null || episode === void 0 ? void 0 : episode.comics_series_id} title={episode === null || episode === void 0 ? void 0 : episode.title} episode_number={episode.episode_number}/>
</react_native_1.TouchableOpacity>);
})}
</react_native_1.View>
</react_native_1.View>
</react_native_1.View>
</>);
};
exports.default = NewReleases;