oceanic-transcripts
Version:
A nicely formatted html transcript generator for oceanic.js.
35 lines • 1.88 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const discord_components_react_1 = require("@derockdev/discord-components-react");
const oceanic_js_1 = require("oceanic.js");
const Component_1 = require("./Component");
const ComponentRow = ({ row, id, context }) => {
// Handle ACTION_ROW type
if (row.type === oceanic_js_1.ComponentTypes.ACTION_ROW) {
return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' } }, row.components.map((component, idx) => (react_1.default.createElement(ComponentRow, { key: idx, row: component, id: idx, context: context })))));
}
// Handle CONTAINER type
if (row.type === oceanic_js_1.ComponentTypes.CONTAINER) {
return (react_1.default.createElement("div", { key: id, style: {
display: 'flex',
width: '500px',
flexDirection: 'column',
backgroundColor: '#3f4248',
padding: '16px',
border: '1px solid #4f5359',
marginTop: '2px',
marginBottom: '2px',
borderRadius: '10px',
gap: '8px',
} }, row.components.map((component, idx) => (react_1.default.createElement(ComponentRow, { key: idx, id: idx, row: component, context: context })))));
}
// Handle all other component types
return (react_1.default.createElement(discord_components_react_1.DiscordActionRow, { key: id },
react_1.default.createElement(Component_1.Component, { component: row, id: id, context: context })));
};
exports.default = ComponentRow;
//# sourceMappingURL=ComponentRow.js.map