chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: small styling changes

Browse Source
This commit is contained in:
vkuchenik
2026-10-30 11:43:33 -07:00
parent 306823a8a8
commit c83ace710f
1 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/data_explorer/QueryBuilder.jsx
+32 -13
View File
@@ -19,7 +19,7 @@ const FilterRow = React.memo(({ filter, columns, setUrl, bundleId, copiedFilter
const operators = types[columnType] || ["="]; // default to equals if unknown const operators = types[columnType] || ["="]; // default to equals if unknown
const handleRemoveFilter = () => { const handleRemoveFilter = () => {
setUrl((prev) => ({ setUrl(prev => ({
...prev, ...prev,
bundles: prev.bundles.map((bundle) => bundles: prev.bundles.map((bundle) =>
bundle.id === bundleId ? bundle.id === bundleId ?
@@ -30,13 +30,13 @@ const FilterRow = React.memo(({ filter, columns, setUrl, bundleId, copiedFilter
}; };
const updateFilterField = (field, value) => { const updateFilterField = (field, value) => {
setUrl((prev) => ({ setUrl(prev => ({
...prev, ...prev,
bundles: prev.bundles.map((bundle) => bundles: prev.bundles.map(bundle =>
bundle.id === bundleId bundle.id === bundleId
? { ? {
...bundle, ...bundle,
filters: bundle.filters.map((fil) => filters: bundle.filters.map(fil =>
fil.id === filter.id ? { ...fil, [field]: value } : fil fil.id === filter.id ? { ...fil, [field]: value } : fil
), ),
} }
@@ -182,16 +182,29 @@ const FilterRow = React.memo(({ filter, columns, setUrl, bundleId, copiedFilter
// ============================================================================ // ============================================================================
const FilterBundle = ({ bundle, columns, url, setUrl, copiedFilter }) => { const FilterBundle = ({ bundle, columns, url, setUrl, copiedFilter }) => {
const handleRemoveBundle = () => { const handleRemoveBundle = () => {
setUrl((prev) => ({ ...prev, bundles: prev.bundles.filter((b) => b.id !== bundle.id) })); setUrl(prev => ({
...prev,
bundles: prev.bundles.filter(b => b.id !== bundle.id)
}));
}; };
const handleAddFilter = () => { const handleAddFilter = () => {
setUrl((prev) => ({ setUrl(prev => ({
...prev, ...prev,
bundles: prev.bundles.map((b) => bundles: prev.bundles.map(b =>
b.id === bundle.id b.id === bundle.id ? ({
? { ...b, filters: [...b.filters, { id: crypto.randomUUID(), column: null, type: null, operator: null, value: null }] } ...b,
: b filters: [
...b.filters,
{
id: crypto.randomUUID(),
column: null,
type: null,
operator: null,
value: null
}
]
}) : (b)
), ),
})); }));
}; };
@@ -224,13 +237,19 @@ export default function QueryBuilder({ url, setUrl, allColumns, getColumns, pull
const copiedFilter = useRef(null); const copiedFilter = useRef(null);
const handleAddBundle = () => { const handleAddBundle = () => {
setUrl((prev) => ({ setUrl(prev => ({
...prev, ...prev,
bundles: [ bundles: [
...prev.bundles, ...prev.bundles,
{ {
id: crypto.randomUUID(), id: crypto.randomUUID(),
filters: [{ id: crypto.randomUUID(), column: null, type: null, operator: null, value: null }], filters: [{
id: crypto.randomUUID(),
column: null,
type: null,
operator: null,
value: null
}],
}, },
], ],
})); }));
@@ -249,7 +268,7 @@ export default function QueryBuilder({ url, setUrl, allColumns, getColumns, pull
value={url.source || ""} value={url.source || ""}
onChange={(e) => { onChange={(e) => {
const selectedView = e.target.value; const selectedView = e.target.value;
setUrl((prev) => ({ ...prev, source: selectedView })); setUrl(prev => ({ ...prev, source: selectedView }));
// 🚨 FIXED: Now uses relative pathing for the production API // 🚨 FIXED: Now uses relative pathing for the production API
const endpoint = "/api/v2/view_dash_event_search_columns"; const endpoint = "/api/v2/view_dash_event_search_columns";
getColumns(endpoint); getColumns(endpoint);