aboutsummaryrefslogtreecommitdiff
path: root/extension/src/components/BMEditor.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'extension/src/components/BMEditor.tsx')
-rw-r--r--extension/src/components/BMEditor.tsx26
1 files changed, 14 insertions, 12 deletions
diff --git a/extension/src/components/BMEditor.tsx b/extension/src/components/BMEditor.tsx
index 4ebdaa2..b97d21f 100644
--- a/extension/src/components/BMEditor.tsx
+++ b/extension/src/components/BMEditor.tsx
@@ -3,6 +3,7 @@ import CloseIcon from "../assets/close.svg?react"
import {ActiveEdit} from "./Body.tsx";
import {getBrowser} from "../main.tsx";
import RadioButtonGroup from "./RadioButtonGroup.tsx";
+import BMIcon from "./BMIcon.tsx";
function BMEditor() {
@@ -48,20 +49,21 @@ function BMEditor() {
<h3>Icon</h3>
<h4>Found on the site</h4>
- {/*{ iconOptions &&*/}
- {/*<RadioButtonGroup value={undefined} children={*/}
- {/* iconOptions.map(s => {*/}
- {/* return { props: {*/}
- {/* value: s,*/}
- {/* children: ()*/}
- {/* }}*/}
- {/* }*/}
- {/* )}*/}
- {/*/>}*/}
+ <div className={"icon-selector"}>
+ { iconOptions &&
+ // <RadioButtonGroup value={undefined} children={
+ iconOptions.map(s =>
+ <BMIcon imgSrc={s}/>
+ )
+ // />
+ }
+ </div>
<h4>From Google</h4>
- <img src={gIcon}/>
+ <div className={"icon-selector"}>
+ <BMIcon imgSrc={gIcon}/>
+ </div>
<h4>Custom</h4>
- <p>TODO</p>
+ <button className={"default"}>Upload</button>
</>)}
</div>
);