im hungry

This commit is contained in:
1ilit
2023-09-19 15:49:14 +03:00
parent 973db157af
commit 3a335950b5
4 changed files with 97 additions and 57 deletions

View File

@@ -1,12 +1,39 @@
import React from "react";
import React, { useContext } from "react";
import { Collapse } from "@douyinfe/semi-ui";
import { SettingsContext } from "../pages/editor";
export default function Issues() {
return <div>
<Collapse>
<Collapse.Panel header="Issues" itemKey="1">
hi
const { settings } = useContext(SettingsContext);
return (
<div>
<Collapse style={{ width: "100%" }}>
<Collapse.Panel
header={
<div>
<i className="fa-solid fa-triangle-exclamation me-1 text-yellow-500"></i>{" "}
Issues
</div>
}
itemKey="1"
>
<div className="max-h-[160px] overflow-y-auto">
{settings.strictMode ? (
<div className="mb-1">
Strict mode is off so no issues will be displayed.
</div>
) : (
<div>
<div className="py-2">Issue 1</div>
<div className="py-2">Issue 2</div>
<div className="py-2">Issue 3</div>
<div className="py-2">Issue 4</div>
<div className="py-2">Issue 5</div>
<div className="py-2">Issue 6</div>
</div>
)}
</div>
</Collapse.Panel>
</Collapse>
</div>;
</Collapse>
</div>
);
}