Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bug 349: Resolved Issue on Component Page not found. #374

Merged
merged 1 commit into from
May 23, 2024
Merged

Bug 349: Resolved Issue on Component Page not found. #374

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 1 addition & 6 deletions raaghu-components/src/rds-comp-page-not-found/rds-comp-page-not-found.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,7 @@ const RdsCompPageNotFound = (props: RdsCompPageNotFoundProps) => {
<div className="row">
<div
className="col-xxl-6 col-xl-6 col-lg-12 col-md-12 col-12 text-center p-4 d-grid vh-100">
<div>
<img width={180}
src="/raaghu-components/public/raaghu-logo.svg"
alt="raaghu-logo"
></img>
</div>

<div className="mt-mb-custom">
<h1 className="pb-1">
<b>
Expand Down
28 changes: 22 additions & 6 deletions raaghu-components/src/rds-comp-security/rds-comp-security.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React from "react";
import React, { useState, useEffect } from "react";
import {
RdsInput,
RdsCheckbox,
Expand All @@ -7,19 +7,35 @@ import {
} from "../rds-elements";

export interface RdsCompSecurityProps {
checkgroupList: any;
checkgroupList: any[];
}

const RdsCompSecurity = (props: RdsCompSecurityProps) => {
const [isDefaultChecked, setIsDefaultChecked] = useState(false);

const handleChildCheck = (isChecked: boolean) => {
if (isChecked) {
setIsDefaultChecked(true);
}
};

useEffect(() => {
props.checkgroupList.forEach((item: any) => {
item.onCheck = handleChildCheck;
});
}, [props.checkgroupList]);

return (
<>
<div className="mt-4">
<div className="mt-2 ms-3">
<div>
<label className="mb-2 fw-medium">Password Complexity </label>
<div className="fw-normal">
<RdsCheckbox label="Use Default Settings" checked={false} />
<RdsCheckbox label="Use Default Settings" checked={isDefaultChecked} />
<div className="m-3 ">
<RdsCheckboxGroup itemList={props.checkgroupList} />
{props.checkgroupList.map((item, index) => (
<RdsCheckbox key={index} label={item.label} checked={item.checked} onChange={() => { item.onCheck(!item.checked); item.checked = !item.checked; }} />
))}
</div>
</div>
<div className="mb-2 fw-normal mt-2">
Expand All @@ -32,7 +48,7 @@ const RdsCompSecurity = (props: RdsCompSecurityProps) => {
colorVariant="primary"
/>
</div>
<label className="mt-4 mb-2 fw-medium">User Lock Out</label>
<label className="mt-2 mb-2 fw-medium">User Lock Out</label>
<div className="fw-normal">
<RdsCheckbox
label="Enable user Account Locking On Failed Login Attempts"
Expand Down
4 changes: 2 additions & 2 deletions raaghu-elements/src/rds-datepicker/rds-datepicker.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ const RdsDatepicker = (props: RdsDatepickerProps) => {
{props.type === "default" && (
<>
{props.DatePickerLabel && <label className="form-label">{props.DatePickerLabel}</label>}
<div className="input-group input-group-datePicker mb-3">
<div className="input-group input-group-datePicker mb-3 mt-1">
{/* <div className="input-group-append datepicker__icon-box">
<span className="input-group-text cursor-pointer" id="basic-addon2">
<RdsIcon
Expand Down Expand Up @@ -265,7 +265,7 @@ const RdsDatepicker = (props: RdsDatepickerProps) => {
{props.DatePickerLabel && (
<label className="form-label">{props.DatePickerLabel}</label>
)}
<div className="input-group input-group-datePicker mb-3">
<div className="input-group input-group-datePicker mb-3 mt-1">
<DatePicker
selected={startDate}
onChange={handlerDateTimeChange}
Expand Down
4 changes: 2 additions & 2 deletions raaghu-elements/src/rds-list-group/rds-list-group.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ const RdsListGroup = (props: RdsListGroupProps) => {
<RdsLabel label={props.label} class="mx-1"></RdsLabel>
)}
{!props.listGroupWithMultiSelect && (
<ul className="list-group mb-1" >
<ul className="list-group mb-1 mt-1" >
{props.listItem.map((listItems) => (
<>
<li
Expand All @@ -35,7 +35,7 @@ const RdsListGroup = (props: RdsListGroupProps) => {
</ul>
)}
{props.listGroupWithMultiSelect && (
<ul className="list-group mb-1">
<ul className="list-group mb-1 mt-1">
{props.listItem.map((listItems, index) => (
<>
<li
Expand Down
6 changes: 6 additions & 0 deletions raaghu-elements/src/rds-notification/rds-notification.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,12 @@ import RdsNotification from "./rds-notification";
const meta: Meta = {
title: "Elements/Notification",
component: RdsNotification,

parameters: {
layout: 'padded',
},
tags: ['autodocs'],

argTypes: {
colorVariant: {
options: [
Expand Down
2 changes: 1 addition & 1 deletion raaghu-elements/src/rds-search/rds-search.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ const RdsSearch = (props: RdsSearchProps) => {
<div className={`form-label ` + labelClass()} >{props.label}
{/* <div className={labelClass()}> */}
{/* <label>{props.label}</label> */}
<div className={`input-group border rounded ` + classes()}>
<div className={`input-group border mt-1 rounded ` + classes()}>
{props.iconPosition === 'left' && (
<span className="input-group-text border-0">
<RdsIcon name="search" fill={false} stroke={true} ></RdsIcon>
Expand Down
Loading