fix: height bug & avatar ref

ObservedObserver · Nov 24, 2023 · 91c8da7 · 91c8da7
1 parent 3662b21
commit 91c8da7
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 6 deletions.
diff --git a/pages/Avatar.py b/pages/Avatar.py
@@ -0,0 +1,3 @@
+import streamlit_shadcn_ui as ui
+
+ui.avatar(src="https://imagedelivery.net/tSvh1MGEu9IgUanmf58srQ/e2b094c8-8519-4e8b-e92e-1cf8d4b58f00/public")
diff --git a/pyproject.toml b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "streamlit-shadcn-ui"
-version = "0.1.9"
+version = "0.1.10"
 readme = "README.md"
 keywords = ["streamlit", "shadcn", "ui", "components"]
 description = "Using shadcn components in Streamlit"

diff --git a/streamlit_shadcn_ui/components/packages/frontend/src/App.tsx b/streamlit_shadcn_ui/components/packages/frontend/src/App.tsx
@@ -58,7 +58,7 @@ function App(props: ComponentProps<{comp: string; props: any; [key: string]: any
 
     useEffect(() => {
         if (container.current) {
-            Streamlit.setFrameHeight(container.current.offsetHeight + 5);
+            Streamlit.setFrameHeight(container.current.offsetHeight + 10);
         }
     }, []);
 

diff --git a/streamlit_shadcn_ui/components/packages/frontend/src/components/streamlit/alertDialog.tsx b/streamlit_shadcn_ui/components/packages/frontend/src/components/streamlit/alertDialog.tsx
@@ -30,8 +30,7 @@ export const StAlertDialog = forwardRef<HTMLDivElement, StAlertDialogProps>(
         } = props;
         useEffect(() => {
             if (ref && typeof ref !== "function") {
-                Streamlit.setFrameHeight(ref.current.offsetHeight + 5);
-                // Streamlit.setFrameHeight(1000);
+                Streamlit.setFrameHeight(ref.current.offsetHeight + 10);
             }
         });
         useBodyStyle(

diff --git a/streamlit_shadcn_ui/components/packages/frontend/src/components/streamlit/avatar.tsx b/streamlit_shadcn_ui/components/packages/frontend/src/components/streamlit/avatar.tsx
@@ -10,7 +10,7 @@ export const StAvatar = forwardRef<HTMLDivElement, StAvatarProps>(
         const { src, fallback } = props;
 
         return (
-            <Avatar>
+            <Avatar ref={ref}>
                 <AvatarImage src={src} />
                 <AvatarFallback>{fallback}</AvatarFallback>
             </Avatar>

diff --git a/streamlit_shadcn_ui/py_components/slider.py b/streamlit_shadcn_ui/py_components/slider.py
@@ -1,6 +1,7 @@
 from .utils import declare_component
 
-_component_func = declare_component("slider")
+_RELEASE = True
+_component_func = declare_component("slider", release=_RELEASE)
 
 def slider(default_value=None, min_value=0, max_value=100, step=1, label=None, key=None):
     props = {
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import streamlit_shadcn_ui as ui

		ui.avatar(src="https://imagedelivery.net/tSvh1MGEu9IgUanmf58srQ/e2b094c8-8519-4e8b-e92e-1cf8d4b58f00/public")